/* base font-size */
.fs-10{font-size: 10px;}
.fs-12{font-size: 12px;}
.fs-13{font-size: 13px;}
.fs-14{font-size: 14px;}
.fs-16{font-size: 16px;}
.fs-17{font-size :14px; line-height:2;}
.fs-18{font-size: 18px;}
.fs-20{font-size: 20px;}
.fs-24{font-size: 24px;}
.fs-28{font-size: 28px;}
.fs-30{font-size: 30px;}
.fs-32{font-size: 32px;}
.fs-40{font-size: 40px;}
.fs-76{font-size: 76px;}
/* base font color */
.title{color: #fff}
.fc-ff{color: #fff;}
.fc-44{color: #444444;}
.fc-66{color: #666666;}
.fc-99{color: #999999;}
.fc-ab{color: #abdcfd;}
.fc-cf{color: #ccffcc;}
.fc-f6{color: #ff6600;}
.fc-09f{color: #0099ff;}
.fc-f0{color: #ffff00;}
.fc-red{color: red;}
/* base line */
.lh_13 {line-height: 1.3}
/* font weight */
.fn-weight{font-weight: 600;}
/* 100% img */
.base-pic{width: 100%;}
/* base 微调整 */
.mg-tp-10{margin-top: 10px;}
.pd-lf-none{padding-left: 0;}
.pd-rt-none{padding-right: 0;}
.mg-rt-4{margin-right: 4px;}
.mg-tp-30{margin-top: 30px;}
.mg-tp-40{margin-top: 40px;}
.mg-tp-45{margin-top: 45px;}
.mg-tp-75{margin-top: 75px;}
.mg-tp-20{margin-top: 20px;}
.col-md-6.col-sm-12.mg-tp-45.mobile-views{margin-top: 0px;}
.pd-tp-10{padding-top: 10px;}
.mg-tp-7em{padding-top: 7em;}
.pd-bt-7em {padding-bottom: 7em;}
.pd-tb-10{padding-top: 10px; padding-bottom: 10px;}
.pd-tb-15{padding-top: 15px; padding-bottom: 15px;}
.pd-tb-30{padding-top: 30px; padding-bottom: 30px;}
.pd-tb-40{padding-top: 40px; padding-bottom: 40px;}
.pd-tb-75{padding-top: 75px; padding-bottom: 75px;}
.pd-tb-100{padding-top: 100px; padding-bottom: 100px;}
.pd-bt-none{padding-bottom: 0;}
.pd-lr-50{padding-left: 50px; padding-right: 50px;}
/* background color */
.bg-ff{background-color: #fff;}
.bg-f0{background-color: #f0f0f0;}
.bg-44{background-color: #444444;}
.bg-33{background-color: #333333;}
.bg-9f{background-color: #0099ff;}
.bg-6c{background-color: #66cc33;}
.bg-f6{background-color: #ff6600;}
/* else font style */
.header-bg{width: 100%; height: 830px; position: relative;overflow: hidden;}
.header-bg_active {background: url('../images/index/bannerbg2.jpg') no-repeat center center; background-size: cover; position: relative;}
.custom_flexslider {background: transparent;border: none;}
.fh5co-nav ul .login-btn{border: 1px solid #fdfdfd; border-radius: 50px; float: right;}
.fh5co-nav ul .login-btn-pos{margin-right: 10px;}
.fh5co-nav ul .registered-bg{background-color: #0099ff; border: 1px solid #0099ff;}
.fh5co-nav ul .registered-bg a:hover, .fh5co-nav ul .registered-bg a:focus, .fh5co-nav ul .registered-bg a:active{color: #fff;}
.fh5co-header-content{position: relative; height: 830px;}
.mb-pic-wrapper,.header-nav-desc {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.header-nav-desc {z-index: 10;}
.fh5co-nav-content {position: absolute;left: 0;top: 26%;padding: 0 20px;}
.mobile-picture {position: absolute;right: 0;bottom: 0;}
.custom_flexslider {margin-bottom: 0px;}
.custom_flexslider .flex-control-nav {bottom: 40px;}
.custom_flexslider .flex-control-paging li a {background: transparent;border: 1px solid #ffffff;}
.custom_flexslider .flex-control-paging li a.flex-active {background: #ffffff;}
.slide-right-content {display: table;margin: 0 auto;}
.slide-content_wp {display: table-cell;text-align: center;vertical-align: middle;}
.slide-content {text-align: left;margin-top: 135px;}
.slide-right_pic {margin-top: 72px;}
@media screen and (max-width:768px){.slide-right-content{width: 100%;}.slide-right-content p {font-size: 14px;}.slide-right_pic {width: 100%;margin-top: 0px;}}
.header-text {display: inline-block;color: #ffcc00;margin-right: 30px;margin-top: 10px;}
.fh5co-row-content{width: 100%;height: 630px;overflow: hidden;}
.about-detail_btn {padding: 7px 44px;border-radius: 50px;}
@media screen and (max-width: 992px) {.mobile-picture {width: 75%;}}
@media screen and (max-width: 768px) {.fh5co-nav-content {top: 20%;}.mobile-picture {width: 60%;}.school-views-wrapper {width: 66.6667%;}}
@media screen and (max-width: 600px) {.school-views-wrapper {width: 70%;}}
@media (min-width: 320px) and (max-width: 500px) {.school-views-wrapper {width: 100%;}}
@media (min-width: 400px) and (max-width: 766px) {.header-bg {height: 600px;}.fh5co-header-content {height: 530px;}.mobile-picture {width: 80%;}.fh5co-nav-content {top: 10%;}}
@media (min-width: 320px) and (max-width: 400px) {.header-bg {height: 530px;}.fh5co-header-content {height: 460px;}.mobile-picture {width: 90%;}.fh5co-nav-content {top: 10%;}}
@media (max-width: 375px) {h1 {font-size: 20px;}}
.fh5co-nav.scrollActive{background-color: #fff;box-shadow: 0 -6px 14px #999999;}
.fh5co-nav ul .login-btn.scrollActive{border: 1px solid #999;}
.fh5co-nav ul .registered-bg.scrollActive{border: 1px solid #09f;}
.fh5co-nav ul .registered-bg.scrollActive a{color: #fff;}
.fh5co-nav ul li a.active{color: #999;}
.fh5co-nav ul li a.active:hover{color: #0099ff;}
.fh5co-nav ul li a.scrollActive{color: #666;}
.fh5co-nav ul li a.scrollActive:hover{color: #0099ff;}
.mobile-show-btn{display: none;}
.fh5co-nav-desc{margin-top: 24px; font-size: 16px;line-height: 32px;}
.bannerhand{width: 100%;}
.registered-pos{margin-top: 50px;}
.registered-pos .btn{padding: 7px 44px; border-radius: 50px;}
.experience-btn{background-color: transparent; border: 1px solid #999; color: #999;}
.fh5co-education{padding-top: 100px; padding-bottom: 100px;}
.education-lists{width: 830px; height: 323px; position: absolute; left: 50%; top: 0; margin-left: -403px;}
.education-pic{position: absolute; top: 50%; left: 50%; margin-top: -161.5px; margin-left: -254px;}
.education-box{position: relative; height: 205px; margin-top: 45px;}
.education-box>.education-item{width: 150px; height: 161px; padding: 20px 0 44px 0; background: url('../images/index/redbg.png') no-repeat; background-size: cover; position: relative; left: 50%; transform: translateX(-50%); -ms-transform: translateX(-50%); -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); -o-transform: translateX(-50%);}
.education-box>.education-item2{background: url('../images/index/greenbg.png') no-repeat; background-size: cover;}
.education-box>.education-item3{background: url('../images/index/bluebg.png') no-repeat; background-size: cover;}
/* pc 轮播样式 */
.carousel-container {position: relative;width: 100%;min-width: 555px;height: 646px;}
.wechat-wrapper {position: absolute;left: 0;bottom: 0;width: 60%;height: 585px;background: url('../images/wxsbg.png') no-repeat;background-size: 100% 100%;}
.wechat-wrapper {left: -40px;}
.wechat-wrapper_03 { right: 0; left: inherit; }
.wechat-menu {position: absolute;left: 64px;bottom: 42px;box-shadow: 0 0 5px #888888;-webkit-box-shadow: 0 0 5px #888888;}
#wechat-menu_02 {left: 146px;}
#wechat-menu_03 {right: 24px;left: inherit;}
.wechat-menu > li {width: 80px;height: 40px;line-height: 40px;background-color: #fafafa;border-bottom: 1px solid #dddddd;}
.wechat-menu > li.active, .wechat-menu_mb > li.active {color: #66cc33;}
.wechat-menu > li.active-border{width: 81px;border: 1px solid #66cc33;position: absolute;top: 0;background-color: transparent;-webkit-transition: all .3s linear;transition: all .3s linear;}
.wechat-menu > li.active-border .arrow_out, .wechat-menu_mb > li.active-border .arrow_out {position: absolute;right: -6px;top: 50%;margin-top: -6px;display: inline-block;width: 0;height: 0;border-width: 6px;border-style: dashed;border-color: transparent;border-right-width: 0;border-left-color: #66cc33;border-top-style: solid;}
.wechat-menu > li.active-border .arrow_in, .wechat-menu_mb > li.active-border .arrow_in {position: absolute;right: -5px;top: 50%;margin-top: -6px;display: inline-block;width: 0;height: 0;border-width: 6px;border-style: dashed;border-color: transparent;border-right-width: 0;border-left-color: #fafafa;border-top-style: solid;}
#wechat-menu_03 > li.active-border .arrow_out,.wechat-menu_mb03 > li.active-border .arrow_out {left: -6px;right: initial;border-left-width: 0;border-right-color: #66cc33;border-right-width: thick;border-left-color: transparent;}
#wechat-menu_03 > li.active-border .arrow_in,.wechat-menu_mb03 > li.active-border .arrow_in {left: -5px;right: initial;border-right-color: #fafafa;border-left-width: 0;border-left-color: transparent;border-right-width: thick;}
#wechat-menu_02 > li.active-border .arrow_out,.wechat-menu_mb02 > li.active-border .arrow_out {left: -6px;right: initial;border-left-width: 0;border-right-color: #66cc33;border-right-width: thick;border-left-color: transparent;}
#wechat-menu_02 > li.active-border .arrow_in,.wechat-menu_mb02 > li.active-border .arrow_in {left: -5px;right: initial;border-right-color: #fafafa;border-left-width: 0;border-left-color: transparent;border-right-width: thick;}
.display-page_wrapper {position: absolute;right: 0;bottom: 0;width: 67.7%;height: 646px;background: url('../images/wxbbg.png') no-repeat;background-size: 100% 100%;}
.display-page_wrapper_03 {left: 0;right: inherit;}
.carousel-lists {position: absolute;left: 30px;top: 71px;width: 320px;height: 575px;}
/* mobile 轮播样式 */
.carousel-container_mb {position: relative;width: 100%;height: 356px;overflow: hidden;}
.wechat-wrapper_mb {position: absolute;left: 0;bottom: 0;width: 60%;height: 90%;background: url('../images/wxsbg.png') no-repeat;background-size: 100% 100%;}
.wechat-wrapper_mb03 {right: 0;left: inherit;}
.carousel-lists_mb {position: absolute;left: 50%;margin-left: -42.5%;top: 10%;width: 85%;height: auto;overflow: hidden;}
.dy-page_wp-mb {position: absolute;right: 0;bottom: 0;width: 67.7%;height: 100%;background: url('../images/wxbbg.png') no-repeat;background-size: 100% 100%;}
.wechat-wrapper_sales {right: 0;left: inherit;}
.page_wrapper-sales {left: 0;right: inherit;}
.dy-page_wp-mb03 {left: 0;right: inherit;}
.sales-page_wp-mb {left: 0;right: inherit;}
.wechat-menu_mb {width: 25%;position: absolute;left: 19%;bottom: 7%;box-shadow: 0 0 5px #cac4c4;-webkit-box-shadow: 0 0 5px #cac4c4;}
.sales-page_menu-mb {right: 0;left: inherit;}
.wechat-menu_mb03 {left: inherit;right: 7.8%;}
.wechat-menu_mb02 {z-index: 10;left: inherit;right: 32%;}
.wechat-menu_mb > li {width: 100%;height: 24px;line-height: 25px;background-color: #fafafa;border-bottom: 1px solid #dddddd;}
.wechat-menu_mb > li.active-border {width: 100%;border: 1px solid #66cc33;position: absolute;top: 0;background-color: transparent;-webkit-transition: all .3s linear;transition: all .3s linear;}
@media (min-width: 601px) and (max-width: 768px) {.school-views-wrapper {width: 80%;}.carousel-container_mb {height: 646px;}.wechat-wrapper_mb {height: 570px;}.dy-page_wp-mb {height: 610px;overflow: hidden;}}
@media (min-width: 736px) and (max-width: 768px) {.dy-page_wp-mb {width: 69%;}}
@media (min-width: 650px) and (max-width: 736px) {.dy-page_wp-mb{width: 71.7%;}}
@media (min-width: 600px) and (max-width: 675px) {.school-views-wrapper {width: 88%;}}
@media (min-width: 600px) and (max-width: 650px) {.dy-page_wp-mb{width: 73%;overflow: hidden;}}
@media (min-width: 502px) and (max-width: 594px) {.mobile-views-pic{width: 63%}}
@media (min-width: 600px) and (max-width: 601px) {.carousel-container_mb {height: 646px;}
.wechat-wrapper_mb {height: 570px;}.dy-page_wp-mb {height: 635px;overflow: hidden;}.school-views-wrapper {width: 100%;}.carousel-lists_mb {height: 575px;top: 10.4%;}.wechat-menu_mb > li {height: 30px;line-height: 30px;}}
@media (min-width: 410px) and (max-width: 413px) {.carousel-container_mb {height: 408px;}}
@media (min-width: 414px) and (max-width: 480px) {.carousel-container_mb {height: 423px;}}
@media (min-width: 386px) and (max-width: 414px) {.carousel-container_mb {height: 394px;overflow: hidden;}}
@media (min-width: 375px) and (max-width: 386px) {.carousel-container_mb {height: 378px;}}
@media (max-width: 320px) {.wechat-wrapper_mb {height: 308px;}.dy-page_wp-mb {height: 344px;}.carousel-container_mb {height: 344px;}.carousel-lists_mb {width: 172px;margin-left: -86px;}.carousel-lists_mb .item > img {height: 310px;}}

.impression-title{color: #fff; font-size: 32px; font-weight: 600;}
.school_box {position: relative; height: 660px;}
.impression-box{position: relative; height: 526px;}
.fh5co-impression{position: absolute; top: 50%; margin-top: -106px; height: 320px;}
.impression-item{position: absolute; left: 0; bottom: 0;}
#fh5co-customer{background-color: #0099ff; padding-bottom: 0; padding-top: 100px; clear: both;}
.customer-box{position: relative; height: 360px; margin-top: 4%}
.fh5co-customer-ct{height: 300px; position: absolute; top: 100px; left: 70px;}
.fh5co-customer-ct .customer-item{margin-top: 20px;}

#fh5co-opportunity, #fh5co-fission{background-color: #333333; padding-bottom: 0; padding-top: 100px; clear: both;}
#fh5co-poster {background-color: #0099ff;}
.icon-list ul{padding-left: 0; margin-top: 50px;}
.icon-list ul li{width: 72px; height: 102px; list-style: none; float: left; margin-right: 65px;}
.icon-list .item-bg{width: 72px; height: 72px; line-height: 72px; border: 1px solid #5e5e5e; border-radius: 72px;}
#fh5co-signup{background-color: #66cc33; padding-top: 100px;}
#fh5co-methods{clear: both;}
.methods-item{position: relative;}
.methods-box{margin-top: 50px;}
.methods-bg{position: absolute; top: 0; left: 50%; margin-left: -52px; width: 104px; height: 104px; line-height: 104px; border: 1px solid #fff; border-radius: 100%;}
.methods-bg1{background-position: -104px 0;}
.methods-bg2{background-position: -208px 0;}
.industry-item{width: 20%; float: left; text-align: center; position: relative;}
.item-bg-box{height: 70px;}
.industry-title{margin-bottom: 35px;}
.industry-item{margin-top: 30px;}
.industry-item .item-bg{position: absolute; top: 0; left: 50%; margin-left: -35px; width: 70px; height: 70px; background: url('../images/index/icon-list3.png') no-repeat; background-size: cover; background-position: 0 0;}
.industry-item .item-bg1{background-position: -70px 0;}
.industry-item .item-bg2{background-position: -140px 0;}
.industry-item .item-bg3{background-position: -210px 0;}
.industry-item .item-bg4{background-position: -280px 0;}
.industry-item .item-bg5{background-position: -350px 0;}
.industry-item .item-bg6{background-position: -420px 0;}
.industry-item .item-bg7{background-position: -490px 0;}
.industry-item .item-bg8{background-position: -560px 0;}
.industry-item .item-bg9{background-position: -630px 0;}
#fh5co-colleagues{ padding-top: 100px;}
.colleagues-box{height: 370px; width: 90% ; padding: 40px; background-color: #fff; position: relative; margin-left:auto; margin-right:auto;}
.people-info{line-height: 36px; font-size: 14px;}
.people-desc{margin-top: 12px; margin-right: 10px; text-align: right;}
.people-desc span{display: block;}
.people-desc, .people-pic{float: right;}
#fh5co-u-industry{padding-top: 100px; padding-bottom: 100px;}
.memu-list{position: fixed; width: 60px; height: 145px; top: 50%; margin-top: -105px; opacity: 0; visibility: hidden; border: 1px solid #f0f0f0; border-top: none; right: 30px; z-index: 999; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s;}
.memu-list-active{opacity: 1; visibility: visible;}
.experience-title{height: 44px; line-height: 44px; background-color: #0099ff;}
.experience-list{padding: 15px; border-bottom: 1px solid #eee; background-color: #fff;}
.experience-list:active{background-color: #eee;}
.right-border{border-right: 1px solid #eee;}
.experience-item{width: 100px; position: relative; transform: translateX(-50%); left: 50%;}
.experience-item a{display: block;}
.experience-item-box{display: inline-block; vertical-align: middle; width: 40px; height: 40px; border-radius: 40px; text-align: center; line-height: 40px; background-color: #0cc56a; margin-left: -20px; margin-right: 13px;background: url('../images/index/icon-list3.png') no-repeat;background-position-x: 0;background-size: cover;}

.experience-link{position: fixed; bottom: 30px; left: 0; width: 100%;}
@media screen and (max-width:768px){.memu-list{display: none;}}
.memu-list ul li{position: relative; list-style: none; width: 100%; height: 70px; cursor: pointer; border-top: 1px solid #f0f0f0;}
.memu-list ul li:hover{background: #f0f0f0;}
.menu-mobile:hover .menu-list-more{opacity: 1;}
.memu-list ul .menu-list-item{position: relative; top: 50%; transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%);}
.memu-list ul .menu-list-item a{color:#999;}
.menu-list-more{width: 230px; height: 70px; line-height: 70px; position: absolute; left: -245px; top: 0; box-shadow:0px 0px 10px #e8e8e8; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; opacity: 0;}
.menu-list-more::after{content: ' '; position: absolute; right: -10px; top: 50%; margin-top: -8px; width: 0; height: 0; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-left: 10px solid #fff; overflow: hidden;}
.introduce-bg,.experience-bg, .version-bg,.news-bg,.about-bg{height: 550px; background: url('../images/banner_function.jpg') no-repeat; background-size: cover;}
.experience-bg{background: url('../images/banner_pro.jpg') no-repeat;}
.version-bg{background: url('../images/banner_package.jpg') no-repeat;}
.version-added_services {height: auto;}
.version-added_services ul li {border-bottom: 1px solid #dddddd;padding-bottom: 15px;padding-top: 25px;}
.version-added_services ul li:hover {background-color: #f0f0f0;}
.news-bg{background: url('../images/banner_news.jpg') no-repeat;}
.about-bg{background: url('../images/banner_about.jpg') no-repeat;}
.title-position-box{height: 480px;}
.title-position{position: relative; top: 42%; transform: translateY(-42%); -ms-transform: translateY(-42%); -moz-transform: translateY(-42%); -webkit-transform: translateY(-42%); -o-transform: translateY(-42%);}
.introduce-box{position: relative; height: 320px;}
.introduce-list{height: 150px;}
.introduce-icon{position: absolute; left: 50%; top: 0; margin-left: -75px; width: 150px; height: 150px; line-height: 150px; text-align: center; border-radius: 100%;}
.set-title-box {width: 56px;white-space: pre-wrap;display: inline-block;}
.introduce-desc li{list-style: none;}
.introduce-item {overflow: hidden;}
.introduce-item-div {position: relative;width: 100;height: 75px;}
.introduce-item-box {width: 70px;height: 70px;border-radius: 100%;display: inline-block;position: absolute;left: 0;top: 50%;transform: translate(0,-50%);-webkit-transform: translate(0,-50%);}
.introduce-item-icon {width: 70px;height: 70px;border-radius: 100%;background: url('../images/gongnenicon.png') no-repeat 0 0;}
.introduce-box-desc {display: inline-block;position: absolute;left: 85px;top: 50%;transform: translate(0,-43%);-webkit-transform: translate(0,-43%);}
@media screen and (max-width:768px){.set-title-box, .set-title-box2 {display: inline-block;;width: 100%;font-size: 24px;}.introduce-item {padding: 30px 0;}.introduce-box-desc .fs-16{font-size: 14px;}.introduce-box-desc {left: 90px;}}
.brand-describe{padding-left: 50px;}
.version-select{border-bottom: 1px solid #dddddd; overflow: hidden;}
.version-box{position: relative;}
.version-select-item{position: relative; left: 50%; transform: translateX(-50%); -ms-transform: translateX(-50%); -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); -o-transform: translateX(-50%); width: 380px; border: 1px solid #ddd; padding-top: 30px; padding-bottom: 30px; margin-bottom: 100px;}
.version-select-item:hover {background-color: #f0f0f0;}
.version-select-item:hover .version-btn_bg {background-color: #0099ff;color: #ffffff;}
.version-btn{width: 200px; height: 40px; background-color: #f0f0f0; border: none; color: #444;}
.version-btn_bg {display: inline-block;width: 200px;height: 40px;background-color: #f0f0f0;line-height: 40px;}
.version-btn_bg2 {background-color: #0099ff;}
.version-select-desc{margin-top: 30px; padding-left: 90px;}
.version-select-desc ul li{line-height: 40px;}
.version-desc{padding-left: 20px;}
.set-table-class > thead > tr > th{text-align: center; background-color: #e4e4e4; border: 1px solid #d7d7d7; padding-top: 10px; padding-bottom: 10px; color: #333;}
.set-table-class > tbody > tr > td{text-align: center; border: 1px solid #d7d7d7; vertical-align: middle; color: #666;}
.set-table-class > tbody > tr > .table-title{font-size: 16px; font-weight: 600;}
.set-table-class > tbody > tr > .table-title2{font-weight: 600;}
.thumbnail-box{position: relative; height: 350px; box-shadow: 0px 0px 10px #ccc6c6; -moz-box-shadow: 0px 0px 10px #ccc6c6; -webkit-box-shadow: 0px 0px 10px #ccc6c6; -o-box-shadow: 0px 0px 10px #ccc6c6; -moz-box-shadow: 0px 0px 10px #ccc6c6;}
.thumbnail-box a{color: #333;}
.thumbnail-box a:hover{color: #0099ff; text-decoration: underline;}
.ellipsis{overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.thumbnail-time{position: absolute; bottom: 0px; right: 15px;}
.loading-more{width: 100%; height: 50px; line-height: 50px; border: none; font-size: 16px; color: #444; text-align: center; background-color: #f0f0f0; cursor: pointer;}
.about-company{padding: 0 50px;}
.about-company p{text-indent: 28px;}
.about-box{margin-top: 40px; height: 161px;}
.about-list{height: 104px;}
.about-icon{margin-left: -52px; width: 104px; height: 104px; border: 1px solid #444; line-height: 104px;}
.about-company-pic{padding: 0 150px;}
.about-team-desc{padding: 0 60px;}
.news_lists-item {padding-bottom: 80px;}
/* 手机端 mobile */
.mobile-tabs{position: fixed; bottom: 0; left: 0; width: 100%; z-index: 1000;}
.mobile-tabs .menu-list-item{border-right: 1px solid #f0f0f0;}
.mobile-tabs li{border-top: 1px solid #eee;}
.mobile-copyright, .mobile-desc,.mobile-views{display: none;}
.register-header{height: 50px; line-height: 50px; background-color: #fff;box-shadow: 0px 5px 15px #dddddd;margin-bottom: 5px;}
.left-icon{width: 50px; height: 50px; line-height: 50px;}
.left-icon:active{background-color: #eee;}
/* ************************** 响应式样式调整 **************************** */
@media screen and (max-width: 992px){.people-info{font-size: 16px; line-height: 32px; text-align: left; margin-left: 9px; margin-right: 15px;} .people-desc{margin-top: 3px; margin-right: 5px; text-align: right;} .owl-carousel .owl-item img{width: auto;} .icon-list ul li{margin-right: 20px;} .industry-item .item-bg{margin-left: -20px; width: 50px; height: 50px; position: absolute; top: 0; left: 50%; margin-left: -25px;} .industry-item .item-bg1{background-position: -50px 0;} .industry-item .item-bg2{background-position: -100px 0;} .industry-item .item-bg3{background-position: -150px 0;} .industry-item .item-bg4{background-position: -200px 0;} .industry-item .item-bg5{background-position: -250px 0;} .industry-item .item-bg6{background-position: -300px 0;} .industry-item .item-bg7{background-position: -350px 0;} .industry-item .item-bg8{background-position: -400px 0;} .industry-item .item-bg9{background-position: -450px 0;}}

@media (min-width: 768px) and (max-width: 992px) {.slide-content_pic {width: 70%;}.slide-right-content {width: 50%;}}

/* @media screen and (max-width:768px){#page{padding-bottom: 54px;} #fh5co-customer, #fh5co-opportunity, #fh5co-signup, #fh5co-fission, #fh5co-colleagues, #fh5co-u-industry,#fh5co-methods,#fh5co-industry{padding-top: 60px;}.mg-tp-7em {padding-top: 60px;}.pd-bt-7em {padding-bottom: 60px;} */
@media screen and (max-width:768px){s#fh5co-customer, #fh5co-opportunity, #fh5co-signup, #fh5co-fission, #fh5co-colleagues, #fh5co-u-industry,#fh5co-methods,#fh5co-industry{padding-top: 60px;}.mg-tp-7em {padding-top: 60px;}.pd-bt-7em {padding-bottom: 60px;}
#fh5co-u-industry{padding-bottom: 30px;} .pc-copyright,.pc-views{display: none;} .mobile-copyright,.mobile-views{/* display: initial; */ display: block;}.mobile-show-btn{display: initial;} .copyright{padding: 20px 0;} .gototop{right: 5%; margin-top: 0; top: 80%;} .gototop a{width: 36px; height: 36px;} .gototop a img{height: 36px;} .fh5co-nav-desc,.registered-pos{margin-top: 20px; margin-bottom: 8px;} .fh5co-nav-desc{font-size: 14px;} .pd-tb-100{padding-top: 60px; padding-bottom: 60px;} aside.pd-tb-100.bg-ff.pd-bt-none{padding-bottom: 0px;} h1{font-size: 24px;} h2{font-size: 24px; margin: 0 0 22px 0} h2.fc-44.text-center{margin-bottom: 30px;} .title{color: white; font-size: 24px; margin: 0 0 0px 0;} .education-lists{width: 242px; height: 242px; position: absolute; left: 50%; top: 0; margin-left: -121px;} .fh5co-impression{height: 150px;} .icon-list ul li{width: 67px; height: 102px; list-style: none; float: left; margin-right: 40px;} .icon-list ul li:last-child{margin-right: 0;} .customer-box{height: 170px; margin-bottom: 30px;} .customer-box-wap{height: 150px;} .icon-list{position: relative;} .icon-list ul{margin-top: 20px; width: 281px; position: absolute; left: 50%; margin-left: -140px;} .icon-list .item-bg{width: 67px; height: 67px; line-height: 62px;} .icon-list .item-bg2{background-position: -67px 0px;} .icon-list .item-bg3{background-position: -134px 0px;} .industry-list{padding-right: 15px;} .industry-list2{padding-left: 14px;} .item-bg-box{height: 40px;} .industry-item .item-bg{margin-left: -20px; width: 40px; height: 40px;} .industry-item .item-bg1{background-position: -40px 0;} .industry-item .item-bg2{background-position: -80px 0;} .industry-item .item-bg3{background-position: -120px 0;} .industry-item .item-bg4{background-position: -160px 0;} .industry-item .item-bg5{background-position: -200px 0;} .industry-item .item-bg6{background-position: -240px 0;} .industry-item .item-bg7{background-position: -280px 0;} .industry-item .item-bg8{background-position: -320px 0;} .industry-item .item-bg9{background-position: -360px 0;} .mobile-title{font-size: 16px; margin-top: 10px; margin-bottom: 10px;} .jusity-center{position: relative; left: 50%; top: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%);} .div-center{position: relative; top: 50%; transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%);} span.iconfont{font-family: "iconfont" !important; font-size: 18px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #85732b; margin-right: 20px} span.icon-text{font-size: 14px; color: #806c49; vertical-align: middle; margin-left: 5px;} .introduce-icon-wap{padding-top:25px; width: 100px; height: 100px; text-align: center; border-radius: 100%;} .introduce-box{height: 180px;} .introduce-desc li{font-size: 13px;} .introduce-list{height: 180px;} .brand-describe{padding-left: 0;} .add-room-wap{padding: 0 15px;} .mobile-text-center{text-align: center;} .version-select-desc{padding-left: 50px;} .version-select-item{width: 300px; border: 1px solid #ddd;margin-bottom: 60px;} .about-company{padding: 0 15px;} .about-list{height: 104px;} .about-company-pic{padding: 0 15px;} .about-company-wap > .about-company-desc{margin-top: 15px;} .about-company-wap > .about-company-desc > .title{font-size: 16px; color: #444444;} .about-company-wap > .about-company-desc > .title-desc{font-size: 12px;} .about-team-desc{padding: 0 15px; text-align: center;} .icon-list ul li{margin-right: 40px;} #mobile-tabs ul li{padding: 15px 0px;} .education-box{height: 120px; margin-top: 20px;} .education-box>.education-item{width: 75px; height: 80px; padding: 10px 0 20px 0;} .education-box>.education-item > img{width: 25px;} .education-box .unit-title{font-size: 12px;} .education-box p{font-size: 12px;} .education-item-title{font-size: 20px;} .methods-item > .methods-bg{width: 62px; height: 62px; line-height: 62px; margin-left: -31px;} .methods-item > .methods-bg > img{width: 25px;} .methods-item-title{font-size: 12px; font-weight: 600;} .reason-item > img{width: 62px;} .reason-wrapper{margin-bottom: 50px;} .registered-pos .btn{padding: 7px 20px;} #fh5co-footer .fh5co-footer-links li{line-height: 30px;} #fh5co-footer .fh5co-footer-links li a{font-size: 12px;} #fh5co-logo img{width: 93px;} .impression-title{font-size: 24px;}.slide-content_pic {width: 60%;margin: 0 auto;}.slide_content-title {margin-top: 10px;}.custom_flexslider .flex-control-nav {bottom: 20px;}.slide-content {margin-top: 0px;text-align: center;}.fs-76 {font-size: 36px;}.header-bg_active {background-position: 30% 0px;}.poster-content_box {height: 100px;}}
/* #fh5co-u-industry{padding-bottom: 30px;} #fh5co-colleagues{padding-bottom: 30px} .pc-copyright,.pc-views{display: none;} .mobile-copyright,.mobile-views{display: initial; display: block;}.mobile-show-btn{display: initial;} .copyright{padding: 20px 0;} .gototop{right: 5%; margin-top: 0; top: 80%;} .gototop a{width: 36px; height: 36px;} .gototop a img{height: 36px;} .fh5co-nav-desc,.registered-pos{margin-top: 20px; margin-bottom: 8px;} .fh5co-nav-desc{font-size: 14px;} .pd-tb-100{padding-top: 60px; padding-bottom: 60px;} aside.pd-tb-100.bg-ff.pd-bt-none{padding-bottom: 0px;} h1{font-size: 24px;} h2{font-size: 24px; margin: 0 0 22px 0} h2.fc-44.text-center{margin-bottom: 30px;} .title{color: white; font-size: 24px; margin: 0 0 0px 0;} .education-lists{width: 242px; height: 242px; position: absolute; left: 50%; top: 0; margin-left: -121px;} .fh5co-impression{height: 150px;} .icon-list ul li{width: 67px; height: 102px; list-style: none; float: left; margin-right: 40px;} .icon-list ul li:last-child{margin-right: 0;} .customer-box{height: 170px; margin-bottom: 30px;} .customer-box-wap{height: 150px;} .icon-list{position: relative;} .icon-list ul{margin-top: 20px; width: 281px; position: absolute; left: 50%; margin-left: -140px;} .icon-list .item-bg{width: 67px; height: 67px; line-height: 62px;} .icon-list .item-bg2{background-position: -67px 0px;} .icon-list .item-bg3{background-position: -134px 0px;} .industry-list{padding-right: 15px;} .industry-list2{padding-left: 14px;} .item-bg-box{height: 40px;} .industry-item .item-bg{margin-left: -20px; width: 40px; height: 40px;} .industry-item .item-bg1{background-position: -40px 0;} .industry-item .item-bg2{background-position: -80px 0;} .industry-item .item-bg3{background-position: -120px 0;} .industry-item .item-bg4{background-position: -160px 0;} .industry-item .item-bg5{background-position: -200px 0;} .industry-item .item-bg6{background-position: -240px 0;} .industry-item .item-bg7{background-position: -280px 0;} .industry-item .item-bg8{background-position: -320px 0;} .industry-item .item-bg9{background-position: -360px 0;} .mobile-title{font-size: 16px; margin-top: 10px; margin-bottom: 10px;} .jusity-center{position: relative; left: 50%; top: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%);} .div-center{position: relative; top: 50%; transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%);} span.iconfont{font-family: "iconfont" !important; font-size: 18px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #85732b; margin-right: 20px} span.icon-text{font-size: 14px; color: #806c49; vertical-align: middle; margin-left: 5px;} .introduce-icon-wap{padding-top:25px; width: 100px; height: 100px; text-align: center; border-radius: 100%;} .introduce-box{height: 180px;} .introduce-desc li{font-size: 13px;} .introduce-list{height: 180px;} .brand-describe{padding-left: 0;} .add-room-wap{padding: 0 15px;} .mobile-text-center{text-align: center;} .version-select-desc{padding-left: 50px;} .version-select-item{width: 300px; border: 1px solid #ddd;margin-bottom: 60px;} .about-company{padding: 0 15px;} .about-list{height: 104px;} .about-company-pic{padding: 0 15px;} .about-company-wap > .about-company-desc{margin-top: 15px;} .about-company-wap > .about-company-desc > .title{font-size: 16px; color: #444444;} .about-company-wap > .about-company-desc > .title-desc{font-size: 12px;} .about-team-desc{padding: 0 15px; text-align: center;} .icon-list ul li{margin-right: 40px;} #mobile-tabs ul li{padding: 15px 0px;} .education-box{height: 120px; margin-top: 20px;} .education-box>.education-item{width: 75px; height: 80px; padding: 10px 0 20px 0;} .education-box>.education-item > img{width: 25px;} .education-box .unit-title{font-size: 12px;} .education-box p{font-size: 12px;} .education-item-title{font-size: 20px;} .methods-item > .methods-bg{width: 62px; height: 62px; line-height: 62px; margin-left: -31px;} .methods-item > .methods-bg > img{width: 25px;} .methods-item-title{font-size: 12px; font-weight: 600;} .reason-item > img{width: 62px;} .reason-wrapper{margin-bottom: 50px;} .registered-pos .btn{padding: 7px 20px;} #fh5co-footer .fh5co-footer-links li{line-height: 30px;} #fh5co-footer .fh5co-footer-links li a{font-size: 12px;} #fh5co-logo img{width: 93px;} .impression-title{font-size: 24px;}.slide-content_pic {width: 60%;margin: 0 auto;}.slide_content-title {margin-top: 10px;}.custom_flexslider .flex-control-nav {bottom: 20px;}.slide-content {margin-top: 0px;text-align: center;}.fs-76 {font-size: 36px;}.header-bg_active {background-position: 30% 0px;}.poster-content_box {height: 100px;}} */

@media screen and (max-width:1200px){.fh5co-nav ul li a{padding: 27px 2px;}}
li.login-btn a.menu-botton{padding: 0px 23px;}
li.login-btn a.menu-botton-blue{padding: 0px 23px;}
li.login-btn a.menu-botton:hover{background:#fdfdfd; border-radius :50PX; color: #666;}
li.login-btn a.menu-botton-blue:hover{background:#03a9f4; border-radius :50PX; color: #fff;}
.magic:hover{box-shadow:0 0 50px #5b5b5b;}

.rightContent{
  height: 403px;
}

@media screen and (max-width:1200px) {
  .rightContent{
    height: 335px;
  }
}
@media screen and (max-width:992px){
  .descript h3{
    font-size: 25px !important;
  }
  .rightContent{
    height:241px ;
  }
}
.bold{
  font-weight: bold;
}


/* 帮助 */
.media-content {
  position: relative;
  padding-left: 60px;
  padding-bottom: 60px;
}
.media-content::before {
  position: absolute;
  content: '1';
  left: 0;
  top: 6px;
  width: 35px;
  height: 35px;
  border-radius: 100%;
  background-color: #0099ff;
  color: #ffffff;
  text-align: center;
  line-height: 35px;
  font-size: 16px;
}
.media-content::after {
  content: '';
  position: absolute;
  left: 18px;
  top: 41px;
  bottom: -20px;
  height: 100%;
  width: 0px;
  border-left: 1px dashed #999999;
}
.media-content .media_wrapper {
  position: relative;
  width: 100%;
  height: 268px;
  margin-top: 30px;
  background: #000000;
  cursor: pointer;
  padding-top: 84px;
  box-sizing: border-box;
}
.media-content .media_wrapper .timer {
  position: absolute;
  right: 15px;
  bottom: 0px;
}
.media-content_one::before {
  content: '2';
}
.media-content_two::before {
  content: '3';
}
.media-content_three::before {
  content: '4';
}
.media-content_four::before {
  content: '5';
}
.media-content_four::after {
  border-left: none;
}
.modal-body .vedio_player{
  width: 100%;
  display: block;
}
.flex-center{
  display: flex;
  justify-content: center;
  align-items: center;
}
.flex-col-center{
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}
@media screen and (max-width:768px) {
  .media-content .media_wrapper {
    margin-top: 15px;
  }
  .media-content {
    padding-left: 45px;
  }
  .media-content p .fs-28 {
    font-size: 18px;
  }
  .media-content .media_wrapper > img {
    width: 48px;
  }
}

.flex-box {
  display: flex;
  align-items: center;
  justify-content: center;
}