* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

body {
    line-height: normal;
    min-width: 1200px;
    font-family: SourceHanSansCN-Medium;
    font-size: 16px
}

em,
i {
    font-style: normal
}

li {
    list-style: none
}

em {
    font-style: normal
}

table {
    border-collapse: collapse;
    word-wrap: break-word;
    word-break: break-all
}

td,
th {
    padding: 0;
    line-height: 150%
}

input {
    border: none;
    outline: none
}

ul {
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0
}

a {
    text-decoration: none;
    color: inherit
}

img {
    vertical-align: middle
}

button {
    outline: none;
    font-family: SourceHanSansCN-Medium
}

button,
input,
select,
textarea {
    font-size: 14px
}

.pointer {
    cursor: pointer
}

.middle {
    vertical-align: middle
}

.top-center {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.left-center {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.all-center,
.case-view .case-items img,
.home .video-play {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.text-center {
    text-align: center
}

.text-right {
    text-align: right
}

.fl {
    float: left
}

.fr {
    float: right
}

.clear:after {
    content: " ";
    display: block;
    clear: both
}

.flex-cont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.flex-item1 {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.clickable {
    color: #406cd2;
    cursor: pointer
}

.inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.inner .inner-img img {
    width: 100%
}

.btn {
    background: none;
    padding: 7px 15.2px;
    cursor: pointer;
    border-radius: 4px
}

.btn.btn-default {
    border: 1.5px solid rgba(256, 256, 256,.3);
    color: #fff
}

.btn.btn-white {
    border: 1.5px solid #0088fe;
    color: #0088fe
}

.head {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 2500;
    height: 70px;
}
.head.head-fixed{
    background: #fff;
}
.head.head-fixed .head-list .head-item{
    color: #0088FE;
}
.head.head-fixed .head-list .head-item.active:after,
.head.head-content .head-list .head-item.active:after{
    width: calc(100% - 30.4px);
    background: #0088fe;
}
.head.head-fixed .btn.btn-default{
    color: #0088fe;
    border-color: #0088fe;
}

.head.head-content .head-list .head-item{
    color: #0088FE;
}
.head.head-content .head-list .head-item.active{
    /*background: #0088fe;
    color: #fff;*/
}
.head.head-fixed .head-list .head-item .icon-phone{
    background-image: url(../img/rec/icon-phone-blue.png);
}
.head.head-content .head-list .head-item .icon-phone{
    background-image: url(../img/rec/icon-phone-blue.png);
}
.head.head-content .btn.btn-default{
    color: #0088fe;
    border-color: #0088fe;
}
.head.head-content .head-item .icon-more,
.head.head-fixed .head-item .icon-more{
    width: 7px;
    height: 13px;
    background-image: url('../img/rec2/common/icon-arrow-blue.png');
    /* -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg); */
}
.head.head-fixed .head-item .icon-more{
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}
.head.head-content .head-item:hover .icon-more,
.head.head-fixed .head-item:hover .icon-more{
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
}
.head .btn.btn-register{
    color: #fff;
    background: -webkit-linear-gradient(left, #ff9609 , #ffc715);
    background: -o-linear-gradient(right, #ff9609, #ffc715); 
    background: -moz-linear-gradient(right, #ff9609, #ffc715);
    background: linear-gradient(to right, #ff9609, #ffc715);
    border: none;
    padding: 7px 16.2px;
}
.head .open-img-fixed{
    display: none;
}
.head.head-content .shrink-img{
    display: block;
}
.head.head-content .open-img{
    display: none;
}
.head.nav-show {
    background-color: #fff
}
.head.head-fixed .head-title {
    color: #0088fe
}
.head.nav-show .container{
    background: #fff;
}
.head.nav-show .head-title {
    color: #0088fe
}
.head.head-fixed .open-img {
    display: none
}
.head.head-fixed .open-img-fixed {
    display: block
}
.head.head-fixed .shrink-close.shrink-img {
    display: none
}
.head.head-fixed .shrink-img {
    display: block
}

.head.nav-show .open-img {
    display: none
}

.head.nav-show .shrink-img {
    display: block
}
.head.nav-show .open-img-fixed{
    display: none
}
.head.nav-show .shrink-close.shrink-img {
    display: inline-block;
    width: 16px;
}
.head.nav-show .head-nav {
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
}

.head.nav-show .container {
    padding: 10px 20px;
    border-bottom: 1px solid #ddd
}

.head.nav-show .head-mask {
    display: block;
    background: rgba(000,000,000,.5);
}

.head .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 10px 0;
    position: relative;
    z-index: 200;
    width: 1200px;
}

.head .open-img {
    display: block
}

.head .shrink-img {
    display: none
}

.head .logo {
    height: 25.6px
}

.head .head-list .head-item {
    display: inline-block;
    padding: 7px 7px;
    border-radius: 23px;
    cursor: pointer;
    color: #fff;
    font-size: 16px;
    position: relative;
}
.head .head-list .head-item:after{
    content: ' ';
    position: absolute;
    top: 37px;;
    width: 0;
    height:2px;
    background:transparent;
    border-radius:1px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.head.head-fixed .head-list .head-item.line:hover:after,
.head.head-content .head-list .head-item.line:hover:after{
    background: #0088fe;
}
.head .head-list .head-item.line:hover:after{
    width: calc(100% - 30.4px);
    background:rgba(255,255,255,1);
}
.head .head-item .icon-more{
    display: inline-block;
    width: 13px;
    height: 7px;
    margin-left: 6px;
    vertical-align: middle;
    background: url('../img/rec2/common/icon-arrow-white.png') no-repeat;
    background-size: 100%;
    -webkit-transition: transform .3s;
    -o-transition: transform .3s;
    transition: transform .3s;
}
.head .head-item:hover .icon-more{
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
.head .head-list .head-item:hover .detail-list{
    -webkit-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
}
.head .head-item .head-detail__cont{
    position: absolute;
    top: 25px;
    left: -157px;
    color: #999999;
    display: none;
    padding-top: 20px;
}
.head .head-item.hover:hover .detail-list{
    opacity: 1;
}
.head .head-item .head-detail__cont .detail-list{
    width:408px;
    height:206px;
    background:rgba(255,255,255,1);
    box-shadow:0px 2px 15px 0px rgba(1,1,1,0.15);
    border-radius:6px;
    z-index: 100;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    -webkit-transform: translate(20px);
    -ms-transform: translate(20px);
    transform: translate(20px);
    padding: 30px 0;
    padding-top: 25px;
    position: relative;
    opacity: 0;
}
.head .headItemShowTrain .head-detail__cont{
    left: -35px;
}
.head .head-item .head-detail__cont .detail-list.list-tran{
    width: 175px;
    height: 140px;
}
.head .detail-list.list-tran .detail-item{
    float: none;
    width: 100%;
}
.head .detail-list .detail-item{
    float: left;
    width: 50%;
    height: 35px;
    line-height: 35px;
    margin-bottom: 22px;
    padding-left: 30px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.head .detail-list .detail-item:hover,
.head .detail-list .detail-item:active,
.head .detail-list .detail-item.active{
    color: #3898EB;
}
.head .detail-list .detail-item:hover .detail-more,
.head .detail-list .detail-item:active .detail-more,
.head .detail-list .detail-item.active .detail-more{
    background-image: url('../img/rec2/common/icon-arrow-blue.png');
}
.head .detail-list .detail-item span{
    vertical-align: middle;
}
.head .detail-list .detail-item .detail-more{
    display: inline-block;
    width: 8px;
    height: 15px;
    margin-left: 12px;
    background: url('../img/rec2/common/icon-arrow-gray.png') no-repeat;
    background-size: 100%; 
    vertical-align: middle;
    position: relative;
    top: 1px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.head .detail-list .detail-item .detail-icon{
    display: inline-block;
    width: 35px;
    height: 35px;
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: center center;
    vertical-align: middle;
    margin-right: 10px
}
.head .detail-list .detail-item .detail-icon.icon-impel{
    height: 32px;
    background-image: url('../img/rec2/common/icon-impel.png');
}
.head .detail-list .detail-item .detail-icon.icon-company{
    height: 28px;
    background-image: url('../img/rec2/common/icon-company.png');
}
.head .detail-list .detail-item .detail-icon.icon-performance{
    height: 28px;
    background-image: url('../img/rec2/common/icon-performance.png');
}
.head .detail-list .detail-item .detail-icon.icon-scene{
    background-image: url('../img/rec2/common/icon-scene.png');
}
.head .detail-list .detail-item .detail-icon.icon-okr{
    height: 28px;
    background-image: url('../img/rec2/common/icon-okr.png');
}
.head .detail-list .detail-item .detail-icon.icon-welfare{
    height: 28px;
    background-image: url('../img/rec2/common/icon-welfare.png');
}


.head .head-list .head-item.active {

}
.head .head-list .head-item.active:after {
    width: calc(100% - 30.4px);
    background: rgba(255,255,255,1);
}
.head .head-list .head-item:hover {
    /*background: #870C1D;
    color: #fff*/
}
.head .head-list .head-item+.head-item {
    margin-left: 5px
}

.head .head-list .head-item a {
    display: block
}
.head .head-list .head-item a span{
    vertical-align: middle;
}
.head .head-list .icon-phone{
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(../img/rec/icon-phone-white.png) no-repeat;
    background-size: 100%;
    vertical-align: middle;
    margin-right: 5px;
}
.head .head-nav {
    overflow: hidden;
    background: #fff;
    padding: 0 20px;
    -webkit-box-shadow: 0 10px 22px -10px rgba(0, 0, 0, .15);
    box-shadow: 0 10px 22px -10px rgba(0, 0, 0, .15);
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    position: relative;
    z-index: 200;
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: center top;
    -ms-transform-origin: center top;
    transform-origin: center top;
}

.head .head-nav .head-item {
    border-bottom: 1px solid #ddd;
    font-size: 14px
}
.head .head-nav .head-item > a{
    display: block;
    padding: 15px 0;
}
.head .head-nav .head-item:last-child {
    border-bottom: none
}

.head .head-nav .head-item.active {
    font-size: 16px;
    color: #0088fe;
    border-color: #0088fe;
    font-weight: bold;
}

.head .head-title {
    font-size: 20px;
    color: #fff
}

.head .nav-btn {
    width: 30px
}

.head .nav-btn img {
    width: 100%
}

.head .nav-btn .shrink-img {
    width: 26.5px
}

.head .head-mask {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100
}

.container {
    width: 960px;
    margin: 0 auto
}
.secene-container{
    width: 1070px;
}
.container:after{
    display: none;
}
.container:before{
    display: none;
}

.container-title {
    text-align: center;
    position: relative
}

.container-title h2 {
    font-size: 28.8px;
    color: #444;
    font-weight: 400;
    position: relative;
    z-index: 1
}

.container-title .container-title__desc {
    color: #999;
    font-size: 17.6px;
    margin-top: 12px
}

.container-title .container-title__bg {
    position: absolute;
    left: 0;
    top: -40px;
    width: 100%;
    font-size: 52.8px;
    color: #e5f3ff;
    font-weight: 700;
    font-family: Microsoft Yahei;
    white-space: nowrap
}

.banner {
    position: relative
}

.pc-banner {
    display: block
}

.m-banner,
.m-show {
    display: none
}

.pc-show {
    display: block
}

.m-btn__right {
    display: none
}

.m-opacity {
    opacity: 0
}

.rec-hide {
    display: none !important
}
.r-hide{
    display: none;
}
.banner .banner-bg.bg-float{
    overflow: hidden;
}
.banner-bg img {
    height: 100%;
    vertical-align: middle
}
.banner-bg .banner-msg{
    width: 960px;
    top: 170px;
    color:#fff;
    
}
.banner-msg .msg-title{
    margin: 0;
    font-size: 40px;
    font-weight: bold;
    text-shadow:5px 2px 6px rgba(47,84,171,0.5);
}
.banner .banner-msg .btn-cont{
    position: relative;
    left: auto;
    bottom: auto;
    margin-top: 30px;
}
.banner .banner-msg .btn-cont .default-btn{
    margin-top: 0;
    border-radius: 30px;
    padding-left: 20px;
    padding-right: 20px;
}
.banner .banner-msg.programme .btn-cont .default-btn{
    margin-top: 0;
    border-radius: 30px;
    background: rgba(255, 255, 255, 0.9);
    color: rgba(63, 114, 204, 1);
    padding: 12px 28px;
    font-size: 16px;
    border: none;
}
.banner .banner-msg .btn-cont .detail-btn{
    border-radius: 30px;
    padding-left: 20px;
    padding-right: 20px;
}
.banner-msg .msg-title__second{
    font-size: 32px;
    font-weight: bold;
    margin-top: 5px;
    text-shadow: 5px 2px 6px rgba(47, 84, 171, 0.5);
}
.banner-msg.programme .msg-title__second{
    /* font-size: 32px; */
    font-size: 41px;
    font-weight: bold;
    /* margin-top: 5px; */
    /* text-shadow: 5px 2px 6px rgba(47, 84, 171, 0.5); */
    text-shadow: 0px 3px 9px rgba(23, 52, 125, 0.52);
    color: rgba(255, 228, 100, 1);
    text-align: center;
    margin-top: 32px;
}
.banner-msg.programme .msg-programme{
    text-align: center;
    font-size: 36px;
}
.plan .banner-msg .msg-title__second{
    text-shadow: none;
    font-size:40px;
    font-weight: 400;
}
.plan .banner-msg .msg-desc{
    margin-top: 40px;
    font-size: 14px;
    line-height: 22px;
}
.plan .banner .banner-msg .btn-cont .detail-btn,
.plan .banner .banner-msg .btn-cont .default-btn{
    padding-left: 23px;
    padding-right: 23px;
}
.banner-msg .msg-title__first{
    font-size:30px;
    margin-bottom: 20px;
    font-weight:400
}
.banner-msg .msg-desc{
    line-height:29px;
    margin: 0 auto;
    width: 461px;
    margin-top: 20px;
    text-shadow:5px 2px 6px rgba(47,84,171,0.5);
    
}
.banner-msg.programme .msg-desc{
    margin-top: 12px;
    color: rgba(255, 255, 255, 1);
    font-weight: 500;
    font-size: 19px;
    text-align: center;
    width: 100%;
}
.banner-bg .banner-msg__cont{
    width: 432px;
}
.banner-msg.programme .banner-msg__cont{
    width: 100%;
}
.home .banner-bg img.pc-banner{
    min-height: 515px;
}
.home {
    position: relative
}

.home .banner-main {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    -webkit-transition: all .8s;
    -o-transition: all .8s;
    transition: all .8s;
    opacity: 1;
}
.home .banner-main.banner-hide{
    opacity: 0;
}
#homeBanner{
    display: block!important;
}
#homeBannerM{
    display: none!important;
}


.home .banner-cont {
    display: block;
    width: 100%;
    height: 520px;
    position: relative;
    overflow: hidden;
    /* height: calc(36.458vw); */
}
.home .banner-cont.show-banner,.home .banner-cont-m.show-banner{
    display: none;
}

.home .banner-video {
    width: 357px;
    height: 211px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#98b5f6), to(#a3c0ff)), -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff));
    background-image: -webkit-linear-gradient(top, #98b5f6, #a3c0ff), -webkit-linear-gradient(#fff, #fff);
    background-image: -o-linear-gradient(top, #98b5f6 0, #a3c0ff 100%), -o-linear-gradient(#fff, #fff);
    background-image: linear-gradient(180deg, #98b5f6, #a3c0ff), linear-gradient(#fff, #fff);
    background-blend-mode: normal, normal;
    border-radius: 10px 10px 0 0;
    padding: 8px;
    position: relative;
    z-index: 400;
}

.home .banner-video .video {
    width: 100%
}
.home .banner-video .video-mask{
    width: calc(100% - 16px);
    height: calc(100% - 16px);
    position: absolute;
    top: 8px;
    left: 8px;
}
.home .banner-video .video-mask div{
    background: #000;
    opacity: .5;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    border-radius: 4px;
}
.home .video-play {
    width: 64.8px
}

.home .banner-plan {
    width: 346px;
    background: url(../img/rec/banner-plan.png) no-repeat;
    background-size: 100% 100%;
    z-index: 400;
}
.container-title .second-title{
    font-size:16px;
    margin-top: 13px;
    color: rgba(0,136,254,.8);
}
.home .banner-plan__title {
    padding: 15px 20px 15px 20px;
    border-bottom: 1.5px solid #335bbb;
    font-size: 16px;
    font-weight: 700;
    color: #333;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.home .banner-plan__title .fr {
    color: #555
}

.home .banner-plan__list {
    padding: 16px 22px 10px 22px
}

.home .banner-plan__item+.banner-plan__item {
    margin-top: 15px
}

.home .banner-plan__item .inner-img {
    width: 100px
}

.home .banner-plan__item .inner-img img {
    width: 100%
}
.home .banner-plan__item .inner-desc {
    font-size: 12px;
    margin-top:5px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.home .banner-plan__item .inner-detail {
    width: 168px;
    margin-left: 10px;
    font-size: 14px
}

.home .banner-plan__item .inner-bottom {
    margin-top: 9px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.home .banner-plan__item .clickable {
    font-size: 12px
}

.home .new-dynamic {
    width: 100%;
    height: 134px;
    background: url(../img/rec/dynamic-bg.png) no-repeat;
    background-size: 100% 100%
}

.home .new-dynamic .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 42px
}

.home .dynamic-title {
    font-size: 18.2px
}

.home .dynamic-title .line {
    display: inline-block;
    width: 4px;
    height: 20px;
    background: #0088fe;
    margin-right: 8px;
    position: relative;
    top: 3px
}

.home .dynamic-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-left: 25px;
    color: #444
}

.home .dynamic-item {
    position: relative;
    cursor: pointer;
    color: #777;
    font-size: 12.8px
}

.home .dynamic-item+.dynamic-item {
    margin-left: 67.5px
}

.home .dynamic-item .icon-new {
    position: absolute;
    right: -45px;
    top: -5px;
    width: 37px;
    height: 14px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEoAAAAcCAMAAADx2dmpAAAAOVBMVEVHcEwAiP0AiP0AiP8AiP8AiP4AiP4AiP4AiP8AiP8AiP4AiP8AiP4AiP8AiP4AiP8AiP4AiP8AiP6P+JpjAAAAEnRSTlMAnZIqUYHHrWI58G/hCbdE+Rrrurn1AAABx0lEQVRIx62V2ZaEIAxE2RcRRf//Y4ctCbhM95kzPKGESxGKwNhbE+fcDvbnFi4o+XeUu6D2/0O576YdD4lQjbAJwa01ZlVf5IRbsyQPnzpPtMYBaoH/sYQaazmvTF/CeFXq61o299Y2JfYpTYtgbJ9Rpdn6y9KhrMP55J45KQDJOi9WO0nFGA8p95J1Xn9xyqShTCyEgrSaGZVjliV1AQIUv6C22YMGuH4+QIOqNKG20m2ZSJgAWKKTA2NyRnEcG1A1Kx5zhagWY0HVBSVwLLyihrvmMVzdNijGZSaURBSn8DUCGVHJ7So3pz1u8Io6nlSVIQ4X7sFXmswgyFd0mHq+aBq2qu6otn460H41JQZve5sbuieigpB+nbUsze9OjW6QlEFJ+rqM2B2xXVBZxZlAnwSlsJUV8I5QYS4q/l76DBlYwf5KQUwoqlPDaLCK0ufdo/0sDBlFOPJaPwtHqXxB6eG2p8tYioMqzSZ/P6DUtbaKdfIvWljPL0NGHWpoLug4FqGafHt9jYY7SlXCf36IBCmEWmcGVFw/ouKCZzd07yi8w+8oyCHVr16dEGVn/b+gupcDLbzPKIFPQfqAarLas7KNon4AAH5JMwdrmaYAAAAASUVORK5CYII=) no-repeat;
    background-size: 100%
}

.home .dynamic-item span {
    display: inline-block;
    width: 197.73px;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    vertical-align: middle
}

.home .dynamic-more {
    font-size: 16px;
    color: #999;
    margin-left: 70px;
    cursor: pointer
}

.home .dynamic-more .icon-arrow {
    display: inline-block;
    width: 8px;
    height: 14.4px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAkCAMAAAC+LeqSAAAANlBMVEVHcEzNzc3MzMzMzMzMzMzNzc3MzMzMzMzQ0NDMzMzNzc3MzMzMzMzMzMzMzMzMzMzLy8vMzMwi8uu5AAAAEXRSTlMAQ6OXH4Nw6AjPXDG+8Nu2E2DAEdYAAAB0SURBVCjPndJLDoAgDARQvgIqSO9/WaO4GiYidvnCJ21HuRS8wioiYhHlKgNobz1AzbTu9N09Mk2gfl4r0wC6NHX/dW0Kvel8KaAjqO/rwkwT2/qvv1reRs28WO2tuH68JY7Ww9b7nCNRxHBkEiOlS8DIqhNFGA3mPKPIXAAAAABJRU5ErkJggg==) no-repeat;
    background-size: 100%;
    position: relative;
    top: 2px;
    margin-left: 4px
}

.home .introduce {
    margin-top: 50px
}

.home .tab {
    width: 840px;
    margin: 0 auto;
    margin-top: 55px
}

.home .tab-list {
    padding: 0 55px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative
}

.home .tab-list:after {
    content: " ";
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 100%;
    height: 3px;
    background-color: #f5f5f5
}

.home .tab-item {
    padding-bottom: 15px;
    font-size: 19.2px;
    color: #777;
    font-weight: 500;
    position: relative;
    cursor: pointer
}
.home .tab-item.active{
    color: #0088fe;
}
.home .tab-item.active:after {
    content: " ";
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    display: block;
    width: 94px;
    height: 3px;
    background: #0088fe;
    border-radius: 2px;
    z-index: 1;
}

.home .introduce-detail {
    width: 894px;
    margin: 0 auto;
    margin-top: 90px
}
.home .introduce-detail #innerItem1{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.home .introduce-detail .inner{
    /*display: none;*/
}
.home .introduce-detail .inner-img {
    width: 368px
}

.home .introduce-detail .inner-img img {
    -webkit-box-shadow: 0 4px 15px 0 rgba(37, 73, 103, .1);
    box-shadow: 0 4px 15px 0 rgba(37, 73, 103, .1);
    border-radius: 4px
}

.home .introduce-detail .inner-detail {
    width: 448px;
    margin-left: 76px
}

.home .introduce-detail .detail-title {
    margin-top: 60px;
    font-size: 19.2px;
    color: #444;
    font-weight: 500
}

.home .introduce-detail .detail-desc {
    margin-top: 35px;
    font-size: 14.4px;
    color: #aaa;
    font-weight: 400;
    line-height: 27px
}

.home .introduce-detail .detail-btn {
    margin-top: 64px;
    text-align: center
}

.home .introduce-detail .detail-btn .btn {
    padding: 8px 26px;
    font-size: 16px
}

.home .serve .container-title__bg {
    color: #d4ebff
}

.home .serve-list {
    margin: 0 auto;
    margin-top: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.home .serve-item {
    padding: 40.8px 16px 20px 16px;
    text-align: center;
    width: 232px;
    cursor: pointer;
    transition: all .2s;
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  -o-transition: all .2s;
}

.home .serve-item:hover {
    background-color: #fff;
    -webkit-box-shadow: 0 4px 15px 0 rgba(37, 73, 103, .1);
    box-shadow: 0 4px 15px 0 rgba(37, 73, 103, .1);
    border-radius: 8px
}

.home .serve-item+.serve-item {
    margin-left: 10px
}

.home .serve-item__img {
    height: 146px;
    position: relative;
    left: 12px
}

.home .serve-item__img img {
    height: 100%;
    position: relative;
    left: -6px;
}

.home .serve-item__title {
    margin-top: 16px;
    font-size: 17.6px;
    color: #444;
    font-weight: 400
}

.home .serve-item__desc {
    color: #999;
    line-height: 22px;
    font-weight: 300;
    margin-top: 10px;
    text-align: left;
    font-size: 12.8px
}

.home .home-news{
    margin-top: 60px;
}
.home .home-news .img-cont{
    position: relative;
}
.home .home-news .news-more{
    position: absolute;
    right: 0;
    bottom: 0;
    font-size: 14px;
    color: #999;
    cursor: pointer;    
}
.home .home-news .news-list{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 25px;
}
.home .home-news .news-item{
    display: block;
    width: 236px;
    height: 267px;
    box-shadow: 0px 2px 14px 0px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    overflow: hidden;
    position: relative;
    cursor: pointer;
}
.home .home-news .news-item .item-img{
    width: 100%;
    height: 174px;
    position: relative;
}
.home .home-news .news-item .item-bg{
    max-height: 174px;
    min-width: 100%;
    position: absolute;
    left: 50%;
    top: 0;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}
.home .home-news .news-item .item-detail{
    position: relative;
    padding: 16px;
    padding-top: 20px;
}
.home .home-news .news-item .item-time{
    position: absolute;
    top: -32px;
    left: 0;
    background:rgba(24, 95, 157, 0.8);
    border-radius: 0px 8px 8px 0px;
    padding: 5px 14px;
    color: #fff;
}
.home .home-news .news-item .first-time{
    font-size: 16px;
}
.home .home-news .news-item .second-time{
    font-size: 12px;
}
.home .home-news .news-item .item-title{
    font-size: 15px;
    color: #333;
    font-weight: bold;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.home .home-news .news-item .item-msg{
    font-size: 12px;
    color: #656565;
    line-height: 18px;
    margin-top: 5px;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}
.home .home-news .news-item:first-child{
    width: 440px;
    height: 267px;
}
.home .home-news .news-item:first-child .item-img{
    width: 100%;
    height: 100%;
}
.home .home-news .news-item:first-child .item-bg{
    max-height: 100%;
    min-width: 100%;
}
.home .home-news .news-item:first-child .item-detail{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.home .home-news .news-item:first-child .item-time{
    position: relative;
    top: 0;
    left: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 8px 14px;
    border-radius: 0;
}

.home .home-news .news-item:first-child .first-time{
    font-size: 19px;
}
.home .home-news .news-item:first-child .second-time{
    font-size: 14px;
}
.home .home-news .news-item:first-child .item-desc{
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    background: rgba(30, 105, 171, .7);
    padding: 10px 12px 10px 20px;
}
.home .home-news .news-item:first-child .item-title{
    color: #fff;
}
.home .home-news .news-item:first-child .item-msg{
    color: #fff;
    -webkit-line-clamp: 1;
    line-clamp: 1;
}

.home .home-news .news-item+.news-item{
    margin-left: 20px;
}

.case-view .case-lists {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.case-view .case-lists+.case-lists {
    margin-top: 10px
}

.home .case {
    padding-top: 80px
}

.home .case .container {
    margin-top: 50px
}

.case-view .case-items {
    width: 260px;
    height: 140px;
    position: relative;
    cursor: pointer
}

.case-view .case-items:hover {
    background-color: #fff;
    -webkit-box-shadow: 0 3px 16px 0 rgba(16, 41, 62, .15);
    box-shadow: 0 3px 16px 0 rgba(16, 41, 62, .15);
    border-radius: 8px
}

.case-view .case-items a {
    display: block
}

.case-view .case-items img {
    max-width: 80%;
}

.home .create .create-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 70px
}

.home .create .create-item {
    max-width: 280px;
    padding-top: 65px;
    padding-bottom: 35px;
    text-align: center;
    background-repeat: no-repeat;
    background-position: 50%
}

.home .create .create-item .item-title {
    font-size: 24px;
    color: #444;
    font-weight: 400
}

.home .create .create-item .item-desc {
    font-size: 17px;
    color: #999;
    margin-top: 20px;
    line-height: 25px
}

.home .create .create-item .item-clickable {
    margin-top: 30px;
    color: #0088fe;
    font-size: 17px
}

.home .create .create-item.item1 {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHYAAAJGBAMAAAB8bGymAAAAElBMVEXV6//U7P/V7P/S6//U7v/T6f+O5Lw6AAAABnRSTlNmWEIzHS6M4sVwAAAAzUlEQVR42u3TQQ2AMBBFwa0DKgEIBiBVQFEA/rXggMNeemD2Pmnymxf9PnLXevR9Sd4T11xq5qba4poid2XN21jHvPs3a2f/ayuW1S/LsvplWVa/LKtflmX1y7KsfllWv7ZiWf2yLKtflmX1y7L6tTPL6pdlWf2yrH5txbL6ZVlWvyzL6pdl9WsrltUvy7L6ZVlWvyyrX5Zl9cuyrH5ZVr+2Yln9siyrX5Zl9cuy+rUzy+qXZVn9sqx+bcWy+mVZVr8sy370ew5rvyRvewEeRSpMlL3TpwAAAABJRU5ErkJggg==);
    background-size: 48px 100%
}

.home .create .create-item.item2 {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAWwAAAJGBAMAAACNbqJHAAAAElBMVEVHcEzV6//V6//U6v/U7v/V7f+93pNDAAAABnRSTlMAZk0uFV0BFqUrAAAHAklEQVR42u2dW46bShgGkcwG4IgFGA/vlsHvaOgNQNT738oBeyYxF1/GXLq/pFrKc0ql4u/Gg02Qu16FMWUZ/HSlrteVvF0/wraN02WzLLvCF+YnzuvIi2U78h8ojzxZiW3S9JAbLdvfzltwI4cdtcpfM+4XdrfSQ2EEsZMmfS7cP+x2NU+Fe4ndCS/1sLvCH4fiK3bShiKI3QVuFLGjR749xo6S+769xm4OpSB228m9Oeg39l1uz7GjppDETqbHie/YLXepiN3mLYkdpYUk9lQmAthT00QBe0K3AnaUFJLY0a9SEnukWwN7pFsEe6hbBHuoWwV7oFsFe6BbBruvWwY76m2VOtjNURI7+dDEvr0odbCjuJDETg6S2FFTSmLfVKKEfXOXo4R9s8FLYcdHSew/5xIp7D+VaGHHotiFJPbvjVIL+/ehWww7FsUuJLG/7xXUsL/iFsP+PrzKYR8lsb+uSTXsr2tSDvt6Taphfx0C5bBjUeyjJnYhiX0dJXrYl1Eih30dJXrYjSZ2LIp9lMS+fMYD9pYfOihil4rYkSj2f5rYMdgb7zeK2IUkdgL2xvc3itjtfgP2lrs72FveBGN7yyOgInYMNthgg70EdqSIXahipyv+QI21q93erPgbRqc0zeqVbJs11wXd1itgr7hKE3bop7RePpLV1wV8WePxBtitdFOdMjXb3QqrPLVitq+pVKdazvZF+HKhbGe75TaLcW+JHQSL+U42xQ7MQn1va7vzbRWxW27BSDruTNF2YPK9ou1gt8Blub3tRTJxYDsI5+t2YXsB3U6wg6oWjKTbLCVth5+1InawyxQjCYKZw8SR7aDaS9oOT5K2Z85AV7YDk0nanrfDO8OeV4mzSAKzl7QdniWxZ+047iIJdntJ22EmaXvORunQ9py4Hdqec5xyaTsUxT5LRjLjWOLS9oxjiVvsvWIkM65Jp7bf3yfd2j5r2n57lLi1/faHU05tvz8BHWPvFSN5fwLGYG84uB1Hcta0fdK0/e5+49b227eTjm1/atqu/i3sxDH2XtP2v4VNJNjGNraJBNtgEwm2sY1tsIkEbCLBNraxDTaRgE0k2MY2tsEmErCJBNvYxjbYREIkRIJtbGObAUgkREIk2MY2thmAREIkRIJtbGObAUgkj9ZuS9vhYmu7L9UaY4qlVr7JN6/L6ztVupeqtOs0/98hXd92eH0LTNpYm3XLzv/39lt8XrUdXl5dky36PpIZ60Xb5vK2HVt7Qv2abVPlqS+eX7YdVqc0s5EWdnshnvwy/UoknWrrHfUz24u+W2czbD9VP8Fe8LU6W2JX3lJf3kN/r2s/s36C7bHrB9g+u76PvfPZdRQ109jhEu/SWXH9KqepvXZ9D7vynLp7VfdU2LXf1MkUdph7Tj2N7X0iLfbUxPadOoo/xomcrPfYE3cJ/icydQAMfZ8iF+yjouwxtoTs8UlKQvboJBWeFWSP9vaZb4ZyhB2eJKiHe7tG2cNNUmOMjDZJoyF7uEl+1iLYpeAFORzbItNveCcpckEO5l8ockFGyYdkI735pzK0B8dWmUb6g0Smkf4gkWmkN0h0GuldkTuZRnonkqqWwS4Vx1/vihRK+yA5/hLRtI+SaTeiaZeKU/svSFvoQNJL+6yT9u1ZW/RAIoPdv0WQuSIPkueowd2vZCM6n5D0P9iR/IREZ5AMPrOsJRtRGST9j+Nl/vbR/4BY5UQy+JONyvwbPNclMv+GT2OIzL9G8i/Wo8e6NMZ2Wig+QpIUw2dIJLBHj4dKHFvHz6JJ7DbjxywVxnYzfvBPANtOPNMqMLYPJtDDTpoiEMSO86mHzH3fJO3ko/GB5w+ZJ1Nhe79JJumdr4/5jZ0WpR52cpc6SGufXZt733lL/Z0h910HQebvDLnv2lvbSXN4+IXfzNOLMTelGrZtWurHX2Wv/VT9hNo77Nb04Zlq/7DbPIrHVfuGbW2WvmTaJ+xLHG3TZbAmdmLTZrnV/RZPnlevMs/AbtUst4ru14jK16Hfx778T0utnwDPwnb8s2Xv25bEjsEmEmxjG9tgEwmREAm2sY1tBiCREAmRYBvb2GYAEgmREAm2sY1tBiCRYJtIsI1tbGObSLBNJNjGNraxTSTYJhJsYxvb2CYSbINNJNjGNrbBJhKwiQTb2MY22EQCNpFgG9vYBptIwCYSbGMb22ATCZEQCbaxjW2wiYRIiATb2MY2A5BIiIRIVrJ9JJINI8mNw1W+/QaW7vUjzpbx8aVIrxSqiJ0U2MY2trGNbWxjG9tgEwnYRIJtbGMbbCIhEiLBNraxDTaREAmRYBvb2GYAEgmREAm2sY1tBiCRYJtIsI1tbDMAiQTbRIJtbGMb20SCbSLBNraxjW0iwTaRYBvbf63tCOwNsa3gaor/AQGEAEuEfHj/AAAAAElFTkSuQmCC);
    background-size: 145px 100%
}

.home .create .create-item.item3 {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAW4AAAJGBAMAAACJm3J6AAAAElBMVEXV6/9HcEzU7P/W7P/W7f/U6/+xDOREAAAABnRSTlNmAFVCFS1NrPeJAAAIgUlEQVR42u3dW46jOhRAUWRGYIn6R0b5L0F5AKidASQ485/KNUk9klRejQF79z2oB7C0+2AokpjikPwYDt75Xv/dUQxd+iPgvXfOVX/hbmtVJP0XDmNM03Q2dP8Ld5HLYZoQ3rnXJqYwRT7HmN2+NuoZ9f60dy81z85dKPNK8/zcn817oDsMevckeZ7uMC3d40UxV3ehwpQT3WFY7IMhz9gdTk+PdI9D3hPdYcg90l2ojUO6w6g4pLtQ1iHdYTnske6ivLWoANzFrUWF4FY3JoXgvgVHuG9MCsP9OzjDXSgPdTc90l2oD6a7uAqOcV8Fx7ivgnPcl8E57svgIPfFGg5yF5ue6S49060s031+ZqLcZ2cmyn12ZrLcDdRdeKj7e1Bg7hLq/l5RYO7vQaG5G6hb7aDuD6b7a1Bw7hLq/lwJce7CQt2nFZznLqnuHdN9OjF57uL4DB/obqDuEuo+3loR3R7q/mC6j1dMoruBukuoe1xQkG4PdX8w3eMdCtK9gbobqLuEuhXV7cW98gLOdFumO1x4mO6NuFe+YDLdJdStxL3unHhob3GL+xX3Aeq2THdhpbe4/905KTqouxH3ym4j7lXdnVnqUIu6t0ttk9SFIgu63VKHPxyG8T9zIbde6qiqgA/ZDcx9Otx2aE3Nc+sxelfz3OPEbGc/RVdx6ypMSw10j8mHWad8LXdIfmiJ7iAf2proDrPSIt0jvCa6Zyy+rjvMuEG6A7xGunW1r5nueUZ8dbfWW8N0uzlGPIFbzzEpKdz6T810Vy3TPUPwNO744Gnc8cETuaODJ3JHB0/ljg2ezD0w3XpbM93VHuqOOzOTufUb1B03KOnccUt4Qvcb1B116Uno1gPUHXPpSel+e2e6Y1bClO6YAU/qjhhwcU8Z8Heoe890R5yYaXtPH/C0vanuiup+h7r3UPfAdE//Wy2xeytuxkKY2D35T57UvanuFureixtxB57cXTPn5E8tvaW39Jbe0lt6S2/pLb2lt/SW3tJbektv6S29pbf0lt7SW3pLb+ktvaW39Jbe0lt6v3500N6W2VtZ6S2983dP7n2A9vbQ3l56r9m7dNDePbR3z+zdQHtbZu/xfUfE3uP7pZC9PbT3Dtq7Z/Yue2bvBtp7w+x9fE8qsPfxvbTE3jtm7+N7l4G9m57Z2zJ7n97jzus9LifE3qZP757Se/PU7ZY+tlN+D2j1E3c1tGbZozUTx/uxO8t3ClHd41WH6N4w3cerzpP1JEd3udPI3qfxxrmV1Uy3Z7o/xwTnti+4M1xPvsaE1vtrTGhuy3R/jwnM/T0mLPfXRYe2nvyMCav3z5ig3J+3sDj35y0szm17pLv0WhPXk02vib3VeW6Qu+mR7vNFkOS+zI1xX+XGrCdXuSm9r3NT3Ne5Ie6LSyXIbXuk+3duxHqifudG9G5+5ya4zYcmum9NCcF9a0oA7tL3f+vOYT25PSX59749Jdm777Ezd9+bkszd99l5u+9OSd7ryQN2zr0b3xPdxj5g5+tW1mmg2zxmZ+t+ws52PXk43Bn3frQG5uxW1vdEd2EeF8/4utMxrzuFmnqdT31/ojZOI+8HVec09O8Gh3Tfv7nK/e/iO48h8n9+cmdRyf957O0Rl+eDC444062aHunGft5wa01hfF4M/Tztxkcl8nnxsqcm9PN56vchsN8/oX7fB/v9Kur32a6Cg75nCv2+5uUXNkHfj1XQ7yMf94WQ79unOTNZv4OB/p6E+vsd6u+lsL9P+xkU+f3lOsF3UPcHcj35ufTQfs9dQt3U3/1/PXJ76N5n6H5lX4shZu+epQb8+T4i+jBEHF0T8GqpAX/oruJ2efKHoZs/u33ujj2c2w5da+oFVvBl9wurqpHe1vOv4Cvsc+YOXWvmHvA19merQvP54KdblJX2lXPDfMmf7ys3b/J6zgFfbx+/2WZFresOs2LmOzHX3Dexmge+/v6a8xRX6+9nOk/xzeruULyeZ0FZe1/Qt309y4Ky+n6m23aWBWX9fVi3Zo4FZX13/IiPT9sS7Hv71s6woKTYr3cbGzzRvvxuz3RHB0/1/oZqiH4qm2Y/6sjgyd6rEvkkLN37YCKDJ3v/TtwjU5XuPU1/6rgLTyp39Q51D3ELeLJ9+aPOzITuqDMzpTtmUFTC9xrGDErK90jGrChJ3XumO+bSk9T9FuFO+R7giAFP644Y8KTvXZ4+4GnfF/0GdUcMeJfUPX3Am6TugemOODHTurdQ9/QTU9zrLihp3XqA9p68oCTuvRX3uoNCdb+LG/HQKrV7D3UPTLee+pm3uP9X7sk3KNJbektv6S29pbf0lt7SW3pLb+ktvaW39Jbe0lt6S2/pLb2lt/SW3tJbektv6S29pbf0lt7SW3pLb+ktvaW39Jbe0lt6S2/pLb2lt/SW3tJbektv6S29pbf0Xu+Y3tulPLbTf188tCbdMfllFE2x1Pt9lj247lbc4ha3uMUtbnGLO6ujg7ot062s9Jbe/7D7AHV7cYv7+VE6aO8e2hvqbqDujbjXvcxD3R+a6fbiXveyw3SXUHfDdKsNtPf4fldiby/ulZdBpLuBujdM9/iaa6TbQ907pns8LYnuDdN9PC2Jbs90lz3TbZnu03gD3Tum+7h6A92W6T6tgjz3aRXkuTdM99eY0NyfqwnNrSzU/TUmMPf3mLDcn/cmOPdPbpbbMt2l10j3WW6S+zw3yK3Oc4PczXlujvsyN8fdXLAxbuM10X01JRS3aq5yQ9zlNZvhNtdTwnAr6zTQrbrfbIK78xro/r2UINyB3QPd5nbt3N3Gup7nNo319zYMyNitrHca5zbG+l7j3EHtHrCzdNfGdA9j5+kO6INzTzbyyGqfBaWMaZqg7p9uQJKP24TpCKW9c/1z9jgntcrhn2rarjsc/CvocPwHf2bnQ10zpw4AAAAASUVORK5CYII=);
    background-size: 145px 100%
}

.home .create .create-img img {
    width: 40px
}
.home .value{
    margin-top: 30px;
}
.home .home-plan__list{
    margin-top: 45px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.home .home-plan-item{
    // float: left;
    width: 288px;
    height: 224px;
    margin-bottom: 24px;
    background: #fff;
    box-shadow:0px 0px 18px 0px rgba(29,80,160,0.06);
    border-radius: 16px;
    margin-right: 48px;
    padding: 16px 20px 10px 24px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}

.home .home-plan-item:after{
    content: ' ';
    display: block;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background:rgba(247,249,252,1);
    position: absolute;
    top: 16px;
    right: 22px;
}
.home .home-plan-item:nth-child(3n){
    margin-right: 0;
}
.home .home-plan-item .item-title{
    font-size: 18.4px;
    color:rgba(51,51,51,1);
    font-weight:bold;
}
.home .home-plan-item .item-detail{
    margin-top: 16px;
    border-top: 1px solid rgba(0,136,254,0.3);;
}
.home .home-plan-item .item-desc__cont{
    height: 125px;
    position: relative;
}
.home .home-plan-item .item-desc__cont .opacity{
    opacity: 0;
}
.home .home-plan-item .item-desc__cont .text-show{
    position: absolute;
    top:0;
    left:0;
}
.home .home-plan-item .item-desc{
    font-weight:500;
color:rgba(102,102,102,1);
line-height:27px;
font-size: 14px;
}
.home .home-plan-item .text-center{
}
.home .plan-btn{
    display: inline-block;
    padding: 5px 18px;
    background:linear-gradient(88deg,rgba(63,118,249,0.8),rgba(111,150,253,0.8));
    border-radius:18px;
    color:#fff;
    font-size: 14px;
    border: none;
}
.home .plan-btn:hover{
    opacity: 0.7;
}
.foot {
    margin-top: 32px;
    height: 40px;
    line-height: 40px;
    background-color: #1d71b8;
    color: #fff;
    font-size: 12px;
    text-align: center
}

.us {
    padding-top: 50px
}

.us .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.us-introduce {
    width: 448.4px
}

.us-title {
    font-size: 20.8px;
    color: #444;
    text-align: center
}

.us-title span {
    display: inline-block;
    position: relative
}

.us-title span:after,
.us-title span:before {
    content: " ";
    display: block;
    position: absolute;
    background-color: #0088fe;
    opacity: .1;
    border-radius: 50%
}

.us-title span:before {
    width: 28px;
    height: 28px;
    left: -15px;
    top: -2px
}

.us-title span:after {
    width: 14px;
    height: 14px;
    right: -3px;
    bottom: 0
}

.us-introduce__detail {
    margin-top: 40px;
    font-size: 16px;
    color: #777;
    line-height: 27.2px;
    font-weight: 400
}

.us-contact {
    margin-left: 48px;
    text-align: center;
    font-size: 17.6px;
    color: #777
}

.contact-item__icon img {
    width: 20px
}

.contact-list {
    margin-top: 40px
}

.contact-item+.contact-item {
    margin-top: 10px
}

.contact-item__desc {
    margin-top: 5px
}

.us-code {
    margin-left: 72px;
    text-align: center;
}

.us-code img {
    width: 166px;
    margin-top: 40px;
    -webkit-box-shadow: 0 3px 16px 0 rgba(16, 41, 62, .15);
    box-shadow: 0 3px 16px 0 rgba(16, 41, 62, .15)
}
.us-code .code-desc{
    color: #666666;
    font-size: 16px;
    margin-top: 20px;
    line-height:28px;
    text-align: center;
}
.link {
    margin-top: 69.6px
}

.link .container {
    position: relative
}

.link .container:before {
    content: " ";
    display: block;
    width: 960px;
    height: 2px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAACVgAAAAGAgMAAABBMo+lAAAADFBMVEUAjP8Ah/9HcEwAjP/i5IR9AAAABHRSTlMUMwAfx83wbgAAADdJREFUSMft0rENACAMA8EsyZIsCSIN9EmDdN+da8e6zRNz3TFuOTPX7VbsVvzJrZ5yZm7wlNrbJPkqjk3ekokAAAAASUVORK5CYII=) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: -20px;
    left: 0
}

.link-title {
    font-size: 16px;
    color: #444;
    font-weight: 400
}

.link-item {
    margin-left: 20px;
    font-size: 14px;
    color: #0088FE;
    font-weight: 400
}

.animation-transform {
    -webkit-transition: -webkit-transform .3s cubic-bezier(.215, .61, .355, 1);
    transition: -webkit-transform .3s cubic-bezier(.215, .61, .355, 1);
    -o-transition: transform .3s cubic-bezier(.215, .61, .355, 1);
    transition: transform .3s cubic-bezier(.215, .61, .355, 1);
    transition: transform .3s cubic-bezier(.215, .61, .355, 1), -webkit-transform .3s cubic-bezier(.215, .61, .355, 1)
}

.product .banner-video__cont {
    position: absolute;
    bottom: 0;
    left: 500px;
    width: 330px;
    border: 7px solid #fff;
    border-radius: 6px 6px 0 0
}

.product .product-item {
    margin-top: 40px
}

.product .product-item .container {
    width: 960px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.product .product-item .item-img {
    padding: 20px 44px 44px 20px;
    background: url(../img/rec/product-item-bg.png) no-repeat;
    background-size: 100% 100%;
    position: relative
}

.product .product-item .item-img img {
    width: 264.8px
}

.product .product-item .item-img .item-badge {
    position: absolute;
    width: 118.4px;
    height: 118.4px;
    -webkit-box-shadow: 0 6px 16px 0 rgba(33, 23, 20, .12);
    box-shadow: 0 6px 16px 0 rgba(33, 23, 20, .12);
    border-radius: 50%;
    border: 6.5px solid #fff;
    background: url(../img/rec/product-badge.png) no-repeat;
    background-size: 100% 100%;
    background-color: #eaf5ff;
    padding-top: 30px;
    color: #2b81c6;
    font-weight: 500;
    text-align: center
}

.product .product-item .item-img .item-badge P {
    font-size: 24px
}

.product .product-item .item-img .item-badge P:first-child {
    font-size: 20.8px
}

.product .product-item .detail-title {
    display: inline-block;
    font-size: 27px;
    color: #444;
    margin-top: 100px;
    position: relative;
    z-index: 2
}

.product .product-item .detail-title:after,
.product .product-item .detail-title:before {
    content: " ";
    display: block;
    border-radius: 50%;
    z-index: -1;
    position: absolute
}

.product .product-item .detail-desc {
    position: relative;
    margin-top: 88px;
    font-size: 19px;
    font-weight: 400;
    line-height: 32px;
    color: #888;
    z-index: 1
}

.product .product-item .detail-btn {
    margin-top: 60.8px;
    text-align: center;
}

.product .product-item:nth-child(odd) .detail-title:after,
.product .product-item:nth-child(odd) .detail-title:before {
    background: #e5f3ff
}

.product .product-item:nth-child(odd) .detail-title:before {
    width: 36px;
    height: 36px;
    left: -20px;
    bottom: 0
}

.product .product-item:nth-child(odd) .detail-title:after {
    width: 16.8px;
    height: 16.8px;
    right: -10px;
    bottom: 0
}

.product .product-item:nth-child(odd) .item-badge {
    top: 76px;
    left: -55px
}

.product .product-item:nth-child(odd) .detail-desc {
    padding-left: 10px
}

.product .product-item:nth-child(odd) .detail-desc:after,
.product .product-item:nth-child(odd) .detail-desc:before {
    content: " ";
    display: block;
    position: absolute;
    background: #e5f3ff;
    opacity: .3;
    border-radius: 50%;
    z-index: -1
}
.product .product-item:nth-child(odd) .detail-desc:after{
    width: 225.6px;
    height: 225.6px;
    left: -10px;
    top: -59.2px;
}
.product .product-item:nth-child(odd) .detail-desc:before{
    width: 114.4px;
    height: 114.4px;
    left: 180px;
    bottom: -21.6px;
}
.product .product-item:nth-child(2n) {
    margin-top: -10px;
    padding-top: 127.2px;
    padding-bottom: 97.6px;
    background: url(../img/rec/serve-bg.png) no-repeat;
    background-size: 100% 100%
}

.product .product-item:nth-child(2n) .container {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.product .product-item:nth-child(2n) .item-badge {
    top: 76px;
    right: -45px
}

.product .product-item:nth-child(2n) .item-detail {
    margin-left: 168px
}

.product .product-item:nth-child(2n) .detail-title:after,
.product .product-item:nth-child(2n) .detail-title:before {
    background: #d5ecff
}

.product .product-item:nth-child(2n) .detail-title:before {
    width: 36px;
    height: 36px;
    left: -25px;
    bottom: 0
}

.product .product-item:nth-child(2n) .detail-title:after {
    width: 16.8px;
    height: 16.8px;
    right: -10px;
    bottom: 0
}

.product .product-item:nth-child(2n) .detail-desc:after,
.product .product-item:nth-child(2n) .detail-desc:before {
    content: " ";
    display: block;
    position: absolute;
    background: #d5ecff;
    opacity: .3;
    border-radius: 50%;
    z-index: -1
}

.product .product-item:nth-child(2n) .detail-desc:after {
    width: 225.6px;
    height: 225.6px;
    right: -10px;
    top: -59.2px
}

.product .product-item:nth-child(2n) .detail-desc:before {
    width: 114.4px;
    height: 114.4px;
    right: 180px;
    bottom: -21.6px
}

.about .about-list__cont{
    width: 960px;
    margin: 0 auto;
    position: relative;
}
.about .about-desc__item{
    font-size: 15px;
    line-height: 24px;
    color:rgba(51,51,51,.8);
    margin-top: 20px;
}
.about.plan .plan-cont .no-list-bg{
    margin-top: -240px;
}
.about .team .no-list-bg{
    height: 562px;
    margin-top: -500px;
    position: relative;
    z-index: 10;
}

.view-bg {
    padding-top: 196.8px;
    margin-top: -20px;
    padding-bottom: 81.6px;
    background: url(../img/rec2/common/serve-bg.png) no-repeat;
    background-size: 2560px 100%;
    background-position: center;
}

.research .system {
    margin-top: 75.2px
}

.research .system-detail {
    margin-top: 40px
}

.research .system-detail img {
    width: 100%
}

.research .mechanism-list {
    margin-top: 48px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.research .mechanism-item {
    width: 221.6px;
    height: 239.2px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAioAAAJWBAMAAACE/rE6AAAAKlBMVEVHcEzc8P/c8P/c8P/b8P/d8P/b7//d8P/c8P/b7//W6v/c8P/b7//N6f+R6sg6AAAADHRSTlMAzb7x3iBmQn80C5nes6DzAAAKJElEQVR42u3dP08bSRjHcTckijsIRSSuCaAIyWkO08WNwcVJULgBEkokIJGba0zgUkEREtHQAIHKDZGgi3MySFQ508XzDsbv5bzGEK+9u8baGWd25/tcorsgc6w++e08s7P/EonkZjmXtrpyqY1SoqPOC5M1y2u6ctqBktyazNiuUp3d6wjL+a71KA2WqY6wHE2A0tiH1twqhQVMarWbS/cuVIbEqam8S2USEafmD1wq7EDN+g8Vr+H2b5cKffk2K6igggoqqKCCCiqooIIKKqhQqKCCCiqooIIKKqigggoqqFCooIIKKqigggoqqKCCCio2qqydLTZrBZVf9aOy3qrtFVTuqpodvq2R1LsSKl11M1VEpbv+vMyj0l1jh6h49KMNVDxGlgoqHpVCxaNmUWnNV2ZyzZprdiFUWmNJ6rpZ5QVU2mb8706a9eUPVLqPmR+9RKVNpXWP6mNUPLLylT0IFVRQQQUVVFBBBRVUUEEFFVRQ+Z0qsvEPKi6ReqtQuS8hRAul8W+JSgvF4ZB1JzANIIFKC+W2ZFT3IvUqv1Du9yJhvUoXipMZabuKrNejz6Jc5a711F2ZsVtF1L1L2K0i7jvP7WTlLjl1i1VEu4g7LMJeFY+hNpJzf6Uqwm9YidrIolalIx/u6Niq4jmi3H1J2qoiuy2iOWdRqeIxxsq23chSFeG9/9wHR9qoIvx2neh1IZUqonOe0jl9sVHFNykycgOLQhXpMaFt/aeMGIvarAjPuf5dhISFWfEcY2U0BxbVKgFHQlaOtm0tSLhSIqM3vVWmIjyG1479R0jGlY6xVtqaFdlzuBW2qUjZOdjK7qNne8eVgJLWqbStHQjXfiMj2JvVZUV2jyey8yvC1qz4DLbSzqx4zE+6FyvJiqeRdVmRfhJts15dPUgKQ1Xaj4JEXfis9GsxEcr/10rHlaDzHrdXb+hA0SCueG7rPbSIeySNKCpnziqz0jnnl4NY5teyf2qer2jvQXquqFI72soejVlojYo6FnUqrmWn9j/o7Mx1w1Vk8KLT7Vkz3SqqWAa6kqA8K8J4FeE+VhZeQ4vuqKj6CerWbTuWVepeCwvSPhXfKZwc2A6k6kdoWOOX/hN/qTsqisKiTqXHNE4OZFgxTqXmCodXSxLSPhUh2tbcvA+c9Q8rinZSlVkR/ktxwloV4TOeaLtmXWg7ANVxZanwW3gawLBiXlaCrizVcfdhNLIi/C4UlIOa75uoItsOgOSgV5yilBWtp96jkZVa0HkyDdcjRCMrHdsp2jqz1L86aWgPclCE32xfajjpEZWs1Aa3DBeVuW3bgfNAzgRFR0UI90Hzr5Unm1VcqyxC98WTUVhf6QjLAC4TjIxK11TO6cy6LnESkVFxdqKuu1PFwFSkoSrtYRGar7I1/8xHu0sjLs1fWvefiKm0x0XqvUDQ9DOq3XFp5kTztaSaVit0PXGxMcBK57delM7xVhqu0tjg2iCeQ6lnYSvqzyw1/AowA1jURTP6z7fVcUtWDJ7627p+SOUgFotnISs/18QTolFBBRVUUEEFFVRQQQUVVChUUEEFFVRQQQUVVFBBBRVUEEEFFVRQQQUVVFBBBRVUUEEFFVRQQQUVVFBBBRVUUEEFFVRQQQUVVFBBBRVUUEEFFVRQQQUVVFBBBRVUUEEFFVRQQQUVVFBBBRVUUEEFFVRQQQUVVFBBBRVUUFGisoAIKn71060yiYhT8wculTIiTk3lXSoFdqFG3VyWXCqbE5jUatNrCZfK+S69uVadOnWrJLcmrWepzu6V3CqJ84L1bWi2cheVe5XE8v64Zz13MnQzMh7/uiomulSSb7bfe9WW84Hpjfexr5PDUreKXz162fjAq4OEVdVT5TEqfh9ABZWHqvxEhayQFbJCVsgKWSErZIWsoBLJeoQK40o/Kj96fWC6eLZoUy31XItrfuDjulW1v/CQtbhqdtiqGs08RMXOMyEBKk++23rSLBWgMrRjq8pVgEryg6WXK/zYCFL5aunlCvPFoBnN0KqV5+Xvr2XxCcvRt7n+XTIZgyyr1Wq/3zEzVgye/p5tlUdzfdZcOp3OmVLOxsz09y3Z1LtSj6OCs8396z5rsrEdY9eGVLnBMtvft3zayPc6VkounvRZx98ymZnK9okZVVjIpMf625jDFQ3HnEO7mdrNZ1OOgF83DuWe5X//djh9yyiVqhEqTlb2SmagJL8sGJIV01TISleRFbJCVsgKPYisMK6QFbJCVuhBZIVxBRWyQlbICj2IrDCukBWyQlboQWSFcYWsoEJWyAo9iKwwrpAVskJW6EFkhXGFrAxIZce5CtkUldeNrPxlSlY+27cHJS+C6nx1NDe7t3JhRh1N5rJTp4EfUfMXmHxzEnQTxXGhPJ7aM+Sej+Otcip1Fbgx24cqWM42334Kqv3rVCp1/cmQui6Xx6+vAj/ycSP8rS/Jox53l2VzJtWoknvHetZ5/G7QrL44DRuVpRjezDu9FjIsQx9ieC9v+jKsSiwfEhB2RvM4lg+UCPuUpng+fOTufTCooIIKKqigggoqqKCCCiqooIIKKqigggoqqKCCCiqooIIKKqigggoqqKCCCiqooIIKKqigggoqqKCCCiqooIIKKqigggoqqKCCCiqooIIKKqigggoqqKCCCiqooIIKKqigggoqqKCCCiqooIIKKqigggoqqKCCCirB9WQijirTByFV/o2jynxIFecNdbGr6lQ+nEpyayF+KqFfWplcjuEuNP9PImQNFUbTMatsJR9WJblcGB8OqJFh57Vxw8aU85K64edBnxivFBOJ8Cw93ndYdl6WZ8z7Dht/RyPB7ztcL5bCqyQuFgNreXcuPfOiuGhGbT1Np+d7bIwKlIf07mplED/pIeW8Xfbnwe/fjqFVk1ScNxG/MkGlmZW8GShJY7JinApZ8RpXUCErkepBZIUeRFboQWSFHoQKWaEHkRV6EFmhB5EVehBZoQeRFXoQWUGFHkRW6EFkhR5EVuhBZIUeRFboQWSFHoQKWaEHRTgrNy/oQWTlASqrc+kZc8aVp+n0YFTOAu+geLM7mstWDk2552MylxsrBm7xigqTi+P1wHpbzs1lUx/Xzaj90ZncbI+N2VYQ7OVyj7u35tLptDE3k+UaGzOTDfzISCr8vWRDhdjdpHoTfhRciuM9qmthW92HON7PfFkKuQPtxPGJAGHvfY/ncxLCzmh40ggqqKCCCiqooIIKKqigggoqqKCCCiqooIIKKqigggoqqKCCCiqooIIKKqigggoqqKCCCiqooIIKKqigggoqqKCCCiqooIIKKqigggoqqKCCCiqooIIKKqigggoqqKCCCiqooIIKKqigggoqqKCCCiqooIIKKqigggoq7nryPY4qYd/zMbSTiR9K9Vk+pEo83x8UUiW5NBE/lem1UiJkWFbn4rYP5cK/yTO5vDuai1Vlp4pho5JInL0tj4/EqVIfPd4D+T/jZm/HAM+eIQAAAABJRU5ErkJggg==) no-repeat;
    background-size: 100% 100%;
    position: relative
}

.research .mechanism-item .item-title {
    width: 211.2px;
    height: 105.6px;
    line-height: 105.6px;
    text-align: center;
    color: #2b81c6;
    font-size: 20.8px
}

.research .mechanism-item .item-desc {
    width: 171.2px;
    height: 41.6px;
    line-height: 41.6px;
    text-align: center;
    margin-top: 30px;
    margin-left: 37px;
    font-size: 14.4px;
    color: #666
}

.research .mechanism-item .item-desc.desc2 {
    margin-top: 20px
}

.research .team {
    margin-top: 67.2px
}

.research .team-detail {
    margin-top: 48px
}

.research .expert-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
}
.research .expert-item:after {
    content: ' ';
    display: block;
    position: absolute;
    width: 470px;
    height: 700px;
    background: url(../img/rec/team-bg.png) no-repeat;
    background-size: 100%;
}
.research .expert-item:nth-child(odd):after{
    
    top: -82px;
    right: 0px;
    z-index: -1;
}
.research .expert-item:nth-child(2n):after{
    top: -225px;
    left: 0;
    z-index: -1;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
.research .expert-item:nth-child(odd) .expert-title {
    left: 7.5px
}

.research .expert-item:nth-child(2n) {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.research .expert-item:nth-child(2n) .expert-detail {
    text-align: right
}

.research .expert-item:nth-child(2n) .expert-title {
    right: 8.5px
}

.research .expert-item+.expert-item {
    margin-top: 38.4px
}

.research .expert-img {
    -webkit-box-shadow: 0 2px 10px 0 rgba(33, 23, 20, .15);
    box-shadow: 0 2px 10px 0 rgba(33, 23, 20, .15)
}

.research .expert-img img {
    width: 224.8px
}

.research .expert-detail {
    width: 373.6px;
    height: 216px;
    margin: 0 40px;
    margin-top: 48px;
    padding: 25.6px 22.4px;
    border: 4px solid #dbefff;
    border-radius: 8px;
    position: relative
}

.research .expert-title {
    color: #333;
    font-size: 24px;
    padding: 0 15px;
    background-color: #fff;
    position: absolute;
    top: -20px;
    font-weight: 400
}

.research .expert-second__title {
    color: #666;
    font-size: 20.8px;
    font-weight: 400
}

.research .expert-desc {
    margin-top: 27px;
    color: #888;
    line-height: 27px;
    font-size: 16.5px
}

.research .team-list {
    margin: 0 auto;
    margin-top: 92.8px;
    width: 900px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.research .team-item {
    width: 235px
}

.research .team-title {
    color: #333;
    font-size: 19.2px;
    font-weight: 400;
    text-align: center
}

.research .team-desc {
    margin-top: 24px;
    font-size: 14.4px;
    color: #777;
    line-height: 24px
}

.research .axis-detail {
    margin-top: 27px;
    position: relative
}

.research .axis-line {
    text-align: center
}

.research .axis-line img {
    width: 3px;
    height: 450px
}

.research .axis-list {
    position: absolute;
    top: 0;
    width: 100%
}

.research .axis-item {
    width: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 40px;
    position: relative;
    cursor: pointer;
    color: #666
}

.research .axis-item em {
    white-space: nowrap;
    font-size: 20.8px;
    font-weight: 500
}

.research .axis-item span {
    display: block;
    font-size: 17px;
    font-weight: 400;
    position: relative;
    top: 2px
}

.research .axis-item:before {
    content: " ";
    display: block;
    width: 24px;
    height: 24px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAAOVBMVEUAiP4AiP8Aiv8AiP8Aiv8AiP8Ai/9HcEwAif8Aif8AiP4AiP8AiP4AiP8AiP3////M6P9uu/4blf798NrRAAAAD3RSTlP/XCFREjkIABpfvHjgZpbge7xJAAAByElEQVRIx62X27bCIAxEw1Wh9KL//7GnVkoChHoQ58nVxXZGqEmAGy+rtb4f2j/YxiLgQBs5FM8D43lnxfDwT5TFC/gCPfAL2N4/yrZgaiuNUUrsUsoY2TAHjpVGuUyK8JqDCSpcJYG4ruHky6FvPH19CZ+sVK4pJQtvyNmWbWGuKXyekXGXMNKWwIn9pEQjrBl2XnyAXcEvM31uSHDA0JJEnjwQ+QmthcTggMa4z3OGHji6K7SGZIyhpwCVwlQGtwesi9ATsEp0DK4PODcWDZbQ5txwiKmT8RxacEi/W8bcEFMnYw9N+dxa73C+1RNcaMo3/AYx9fml/gr2RW7IU8907WNb1+1Bn8x57gJecOFzR1/anvhsYWFVp47sTte5VYTz/cJzeqxJmDzkOxbh85QZ48w6rhMZfJ4yLluJ8Om53RzsPsGss6ic+diOg7/csKGj+sFL8uXrOfTHGPpLFsXA9RWD/jIksAwVBdB1FcCy9Iqu0jtU9Kt2IzraDdPoRLPRubLR9bRYUbbYZnN/zWHFqFA3dzJWuP6xYmigGRuluoY4XU2AOGiz46Mj0+evB9exkXlsWB+7JgxeUMauRu/wX1/KOq6DfzZqXGVZP2tHAAAAAElFTkSuQmCC) no-repeat;
    background-size: 100% 100%;
    position: absolute
}

.research .axis-item:hover {
    color: #0088fe
}

.research .axis-item:hover:before {
    width: 40.8px;
    height: 40.8px;
    top: -10px
}

.research .axis-item.item-right {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    padding-left: 24px
}

.research .axis-item.item-right span {
    padding-left: 12px
}

.research .axis-item.item-right:before {
    left: -12px
}

.research .axis-item.item-right:hover:before {
    left: -20.4px
}

.research .axis-item.item-left {
    padding-right: 24px
}

.research .axis-item.item-left span {
    padding-right: 12px
}

.research .axis-item.item-left:before {
    right: -12px
}

.research .axis-item.item-left:hover:before {
    right: -20.4px
}
.title-circle{
    display: inline-block;
    position: relative;
}
.title-circle:after,.title-circle:before{
    content: ' ';
    display: block;
    position: absolute;
    border-radius: 50%;
    background: #DBEFFF;
    bottom: 0;
    z-index: -1;
}
.title-circle:before{
    width: 30px;
    height: 30px;
    left: -20px;
}
.title-circle:after{
    width: 17.6px;
    height: 17.6px;
    right: -8px;
}
.content .center {
    margin-top: 68.8px
}
.content .banner-cont {
    display: block;
    width: 100%;
    height: 360px;
    position: relative;
    overflow: hidden;
}
.content .banner-cont .banner-msg{
    text-align: center;
}
.content .news-detail {
    margin-top: 16px
}
.content .container{
    position: relative;
    z-index: 10;
}
.content .center{
    position: relative;
    padding-bottom: 105px;
    overflow: hidden;
}
.content .center .bg1{
    width: 138px;
    position: absolute;
    bottom: 94px;
    left: -195px;
}
.content .center .bg2{
    width: 138px;
    position: absolute;
    top: 495px;
    right: -216px;
}
.content .no-list-bg{
    width: 100%;
    height: 50%;
    max-height: 988px;
    position: absolute;
    bottom: 0;
    left: 0;
    background:linear-gradient(180deg,rgba(255,255,255,1),rgba(248,251,255,1),rgba(243,247,255,1),rgba(240,242,255,1));
}
.content .news-title{
    // border:2px solid rgba(234,234,234,1);
    // background: #EAEAEA;
    
}
.content .news-title__cont{
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border: 2px solid #eaeaea;
    background: #EAEAEA;
    border-radius:6px;
}
.content .news-nav {
    height: 62px;
    line-height: 62px;
    font-size: 0;
}

.content .nav-item {
    display: inline-block;
    font-size: 19px;
    font-weight: 400;
    color: #666;
    position: relative;
    cursor: pointer;
    width: 191px;
    text-align: center;

}
.content .nav-item.active {
    background: #fff;
    color: #0088FE;
}


.content .news-list {
    margin-top: 20px
}

.content .news-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 12px;
    background-color: #fff;
    border-radius: 6px;
    cursor: pointer;
    border: 1px solid #eaeaea;
    position: relative;
    z-index: 10;
}

.content .news-item:hover {
    -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    background-color: #fff
}
.content .news-item:hover .news-item__title{
    color: #0088FE;
}
.content .news-item+.news-item {
    margin-top: 16px
}

.content .news-item__img img {
    width: 240px;
    height: 120px
}

.content .news-item__detail {
    margin-left: 32px;
    width: 750px
}

.content .news-item__title {
    margin-top: 20px;
    color: #444;
    font-size: 22.4px;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.content .news-item__desc {
    margin-top: 15px;
    font-size: 13px;
    color: #888;
    line-height: 25px;
    margin-bottom: 20px;
    text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}

.content .news-item__btn {
    padding-top: 20px;
    margin-left: 56px;
    color: #999
}

.content .news-item__day {
    font-size: 24px
}

.content .news-item__year {
    font-size: 13px
}

.content .news-item__arrow {
    width: 57px;
    height: 19px;
    margin-top: 16px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJAAAAAwBAMAAAAMdO5lAAAAJFBMVEVHcEyYmJiZmZmZmZmZmZmZmZmampqZmZmZmZmampqZmZmZmZmt5GG5AAAADHRSTlMAUsjdZyVAnK4ShL1VT2DKAAACSUlEQVRIx61Xz0vjQBR+PYwwtwp2Cx7Tg8vm1h5W8FTojzWnCNlAPblQhfamCA32thYSkksKVuixUm2wt67Q4PxzO6lVY52JM2m/Uy/98ub9+N73ABbApmbNSrIoqvb41Ic4zJ2JRWaKJNTQviqfxnlQndjjyrY0KppFLvUYT7sbrsYohIGpefboncnourU0PFFum8G8+sZbDx9S0Syo2l6vsfzZ9EYNSI3B7msYKHhuwRq4nbovWTK89A97eRxZZAn9mp/AWtjq9qKQti7O/fWIcH4vCuWYHApUObEaN+Q+ampX/5IIabWkqFFA2/u2K5BqNHVziemet+BI4GWA8rNeUtwGyUEzzArks393kBR4xquB5ooUHxvXe7mkJI1hcqmLlBjllR6//1H9CizBtjaDIr/fcLsDTlWw7Yzrn1Wf+3IHRIq2nPLC8wm/JUHNCo/U9GDEy2d/BkVhIvq4fV4eMgUZIsyvnBwRmHWF0yySRNC/2GdXjhIphzLK0y78aHGSrcoQURlQmYuClt+5lxLDo+D7A6ugjvCIvP3lL2PnRCMiOLSx+VTOddbQsmRkcJaA3cLnykUywhA2bEzsDg+Pk3+lJ50hbAypxU0rdHjoPAafZfeGSi1L/M0KF+Xy2Z/tbz5D/FnrCP/modEYDof+cFUXonUktCA/fIWzICEjubJ91srOypsI3+eZCDlbgzHX1tBUbchowaasHzWjZCNmdGGPy2nt8U7MHlPWlIadnjDePL6jNnVCLI8aRRpk9ahJeWaVYmfWf6I0Iv3HF8QoAAAAAElFTkSuQmCC);
    cursor: pointer
}

.content .news-item__arrow:hover {
    width: 60px;
    height: 22px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJgAAAA4BAMAAADz8Cz8AAAAKlBMVEUAh/9HcEwAiP4Aif8AiP4AiP8AiP8AiP4AiP8AiP0AiP8AiP4AiP4AiP7xRwaqAAAADXRSTlMzAN4V9HMovkSOVKrQ53lO+QAAAstJREFUWMOll89rE0EUx9+yJk3jJcOSosVTQQqFQJbqQcSD0EotLDQqCkrAQOnBmwGhHhZSEKrYQ0RBEQKJqOBBUET0UvDoJZdlw6Ym8784O7uz3XR/dH58oVnoZD+ZN/Ped+YBCmV8aa9hQa0tvzdRTBA+Lw+xlKa3k7Arlvvk88yv8Mh4dM9yX5+EVS1vgKS0aLuNWdjCcKIhSVUOp60Z2EdnD0nrXG0zDqviH0hBV3EjBmuOkJKi9wlsMSKj1R0Q1s5qFQ8i2DYDGw9BSsXejQg2/B6yQFZzUwarOqYiC0q1VyHs0jjA5sb4q5NLa26EsF4QZT3328Ob+XFOdAozLI0jyLP4b95w2e34awVVj2NiALfcft6w3fWnBhf+8a3+YW6gzT9ApgbXrtNyPRVWwLs5o8/GQFYLvj4+dSsDfXC2cnZgBEUC6zV4c8yeZI/NkzETgT3gitJ/Aa9kL4IHJE6otfiiJNp3MwMtO6REEVg0QfjUO8osKJd8IMACZVm2LmYNYfJnUtgCb0Uf4G4OrEXDrHD7wxuvkx2mRjegzm82w5XMDQCdpgY/jFR8Nys1CMxPWhG7vuP0M5IWirScRGDl2np6Ofkwv9CFPHoef0v+88yYPnwLEnP8g2knzYJ8+eaYqJulPLXxKGnrwbb4tp3Mzez7HdHSeopt06d/oEgevvEDhR7G9KhThjU3Qhg5hOuKrFKNLplOrwcisFJKzs45wGDbo4oA7HlKpfc26UOjV6q7ArBOWhoHDtyil70jtSVjBmwG19BdFdY+MxJ2Qd6SZxVY5evs6u71ZVllm3mSFjYV5y1Pcm4F22VuabJ256XlPr3fEU7WT28t9ze72Ua9U+WFbCP2jpG1CGZA6UHbEiW5yz+PozGPW0TV8gQ91m8aqjAzBlOdmh7vhJGaqRXRLMxQDTIOU6G10EmYfCNmoiRMtkWMXv8PqN+gL+FBy8wAAAAASUVORK5CYII=)
}

.content .news-item__arrow:active {
    width: 60px;
    height: 22px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJgAAAA4CAMAAAA2AMH9AAAAPFBMVEUAh/8AiP8AiP8AiP4AiP4AjP8AiP9HcEwAif8AiP4Aif4AiP79///W7P8alP7r9v+k1f9Iqv5wvf/F5P8Wnd6WAAAAC3RSTlMzKHLXlgVMABb0w4VXUxwAAAI8SURBVGjezZrZtoMgDEXDHASHtv//rxeHWtTaiyjCeexD124OGQgFtRZKXjGtTWJpzSouUe0JVlS0MreqohgAhlyb26U5/gMmaAasAY2KX2CEmWxiZB9MapNRWu6BUZNZ9DtYdq4N2Qgm83Ot3RzAiDYlkJE1mGCmCDGxAqOmENElGF5mZNc158wE4YPxy37xy7bPU1/AAT9geOHJf1r7OhU0OZPBtSfs0dr2cSpkbzJQF885nbUn7GTwJgO8OrUe1p7IAenIhgyA64t+U9s62k7qwIZCCzxBPXJ2dvGHbDQTkozSLjvrODurHqw3E9K0o6aLzE4GU8ggVf9+xmWnhilkkKzxuZIWkwMwhSwdmGleMUEbwUg6Kwc728MlbbISBCSdxVzQDtrJJjCExDfvox2qmsF4WrAhBw7YyScwAqnvIY3rUDbcTjqDoUmu54EOJeEtdcN6x+VA4PzI4AMWOCg2XR2tzrkZZif3wAJH675cRqgdVddBrVNLD0xxU4w+ASOXXt/ObwkWYOVceL0ThulXBE1wefVScgRLulRpgsH8k++aeDFrqLnoT2NPMYs774ANg2Ixq06fqx+tC1kOL7mwmHW6hFXAFg8QPNcDBF9ijRdef+8ps6DxVbimFYEPJkDymw1lG6z3UmUBJtzHkvbPgjcYyCpOt1TzGmr1LAjZhV/fK/OT4feH1OxkqPbAlCD5sIhQ+2AZg4b7b+JT0LKgoVD/gfVoNxtKUPz8F8GCDcktdIQgbh/F/wDMFiqdkVrVEwAAAABJRU5ErkJggg==)
}
.openFree{
    cursor: pointer;
}
.head .login{
    padding: 7px 16px;
    background: #fff;
    color: rgba(0, 136, 254, 1);
    border-radius: 4px;
    font-size: 14px;
}
.head.head-fixed .login{
    background: rgba(0, 136, 254, 1);
    color: #fff;
}
.content .pagination {
    width: 256px;
    margin: 0 auto;
    margin-top: 80px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.content .pagination .left-btn,
.content .pagination .right-btn {
    width: 35px;
    height: 32px;
    background-repeat: no-repeat;
    background-size: 32px 100%;
    cursor: pointer;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQBAMAAAB8P++eAAAAKlBMVEVHcEzNzc3MzMzMzMzMzMzNzc3MzMzLy8vMzMzMzMzMzMzMzMzNzc3MzMxBh5Y7AAAADXRSTlMAOdwawEPuDp9ygF8oXIJPywAAAo5JREFUSMedV89rE0EUnholbeqhguipUNCDggtpQakHIQhWpAQCWg9KD6JQQQJBxJsQ8NTSQrAF60HIpeil0ItepLBHr9nurkn1+198M2nSmd2ZnafvEHZnvrz35v2ab4UwZX73bhNIr61fFkVyfodQQ4mWq27c7To0eXngwv1swpDoox23qHZfbHxbWfnxdUk+p19suIrUF++1hm/lJ9KNyGL9XEAb10P9YPKPYQ64T8v3zKVHtPQqi3uTxwlxkRbbmQAGlj8L8Z2Mt4yVx0DfEuDSFnDDOAnZsIZ3imKkK1gFntmDS6Y6mocUMUdmyfmZ07e3wBVXXheXtZc6opZgSAV4zsGJWeh+WKpq8+QhwO8iXLmZtkaW20XAidH+HaT6UcqfchrxRz1smZYXUMsgD9FX+YSxUwpwlAGeBWRZTppnXgDWstkZOvkOsakwH6s6ftHvZySmwp4l0AMFn/MoFGcQKQc6HoWyKkP5U/UolIHp0Nljn0LpXo1q8dinUB54jU7U0xUmjvrqKbBPIZkdUKZrPg9lEvvkZ9urkNIcU9V2vQqpZCPRHHU+KXT1rJhGKoDGWOFg/kJGZsaTZAwsB7BIXM0BK7BK9/+BbNPew7DDwwr4FAXcTGHDnUJ2UbDLLFO4PUfhJrlWsHq5T2bZzcVu19wASBwDgDdSYt6QWlVDij32/IP0ZNqzRnP1X4Y95/o4Yl1Ik6PO8V1xh3IwMy7NidPIFl/Dt8aWiy92auOYRRVe6wkoIB8ypSGHzlwy685JkKaRaY5ZN+VKmCQuChm0UBLI+0yieZzPlKKump+lD5LkNnhkOO166PXTXUWv8Z5H2NNN3idAvM36qEgfhIXM7+bwM+Xq+sPMxl+HA0u+8PMjFAAAAABJRU5ErkJggg==)
}

.content .pagination .left-btn:hover,
.content .pagination .right-btn:hover {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFgAAABQCAMAAACqGEJrAAAANlBMVEVHcEwAiP8AiP8Ahv8AiP4AiP8AiP8Ah/8AiP8AiP8AiP4Aif8AiP4AiP4AiP0AiP4AiP4AiP7xi38eAAAAEXRSTlMAJnoK6UBLM2IZzi689JWm3lUtvmcAAAOpSURBVFjDtVnpuqMgDC0ghh36/i87gihgZfM6+TVfe3smnCwkh8+naZxio5z+etOLUwZT/vmzSax2yMIWheVfUDlW36op/NRvafS3ado8cZub7OTCYrbSzVaGrVjSN3baa6zTkY9YEY7AG2VGJK85mYClxw9FIjKiRluNi3/iGBp2Gx/OrscnhMPV5BlZAzDkNok/UPT8CMGtsXgwQTfofjLsZ1xYiqOEmuEl0rGdoANN9SXcBEHD6H48vSEDavFB98Mld4mEtsWAeGQgHdwlscuha2xJyDU60M4Y70WttHVHXv2/0X0+hL8Qk7gb0W4/ZxU5BMKRWdwDWUAFOYRh4fO4Gxs6VsodMgSmYCZuqQxZCuBPBF2ZZzO4R9YtcIMcvrEpkDBpKpEh83zmoYB6gTOGVgMYaKY/NNsRIjav3NokQ13JCKUhslZ0G/vAYxVZnGUC6c4yIxlBlyZyyAxbukzCMbqRY99UYhWXdfwyRiv8ot96YrrWfGYpMQ6X/f/lslqpt7ImsjsLGyCFDg/VRhPZpPDtLodMGWwSO/J91q0ZF+hoa2q06Fo+i4yLLXxEDzPRQTZZXvB4IdHxdlnPOpZ6nOfCU7yQgZzo+hwahjnzwhblPNLXqsgiFd9Gso+dmWvENWSbRY+HFo8nO3yFZx89dwLromMOXnWru/PZh0vDEb1QL2XHZF1bzR0bodSOzvIps20DPufjAXP0h6E6sP1OmKkBw4UKmAS2bWCaA6+vUAH/K3hwSTf5VrrJcH/gSeCBApGXkkZvlTQKd7+aKumhJsTDHZ3aJn+rbfJLoyfwTqPf2ublaoJ3rib4uUzRO5cp+rn++WPc/PoPgwUqZljyFLcYWPbpTRS3HnpjxEJpT4A+F+NDYZwKL2PsfJ79jLGQbwo9lycG73PyRiMuj68KmRBQLjcc/rbcXLebs2HUVIrBdQwg28fMUGLIkQWy3E29pvBsQ/9ZeS97OrIm+2By5c2X9JaEM7uk57JCVyqbQM6FkBouE6cyNimwHAWJqjKWk0/mTr22cPdupOnUha2/5eZxT6wuBD00mGdd3A3KFRJkL4K5BNnJhyjGHqIpbw5GUTSNjUl2xF5byLwN0TSXeXui6Z5yuhCmK04zVUzeckT3RuqU0tG93p1L6SPVlpx2hfhfQJfi/w47/gJA8FI+VwTD2KjiucJHDU2+WRDsOg8sHhZNPVechNj6443AwB+BxjRm1r3/iHW0fGasWLR3Xmsx8ez2D5LquIIZKWhvAAAAAElFTkSuQmCC);
    background-size: 35px 100%
}

.content .pagination .left-btn:hover {
    position: relative;
    left: -3px
}

.content .pagination .left-btn:hover,
.content .pagination .right-btn {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.content .pagination .right-btn:hover {
    position: relative;
    right: -3.5px;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}
.content .pagination .left-desc,
.content .pagination .right-desc{
    width: 32px;
    height: 32px;
    line-height: 32px;
    border-radius: 50%;
    border: 1px solid #CCCCCC;
    color: #CCCCCC;
    font-size: 12px;
    text-align: center;
}
.content .pagination-detail{
    color: #CCCCCC;
    font-size: 17px;
}
.content .pagination-detail em{
    color: #0088FE;
    font-size: 20px;
}
.content .pagination .left-desc:hover,
.content .pagination .right-desc:hover{
    border-color: #0088FE;
    color: #0088FE;
}
.content .pagination-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.content .pagination-item {
    width: 36px;
    height: 36px;
    line-height: 36px;
    font-size: 16px;
    text-align: center;
    cursor: pointer
}

.content .pagination-item+.pagination-item {
    margin-left: 12px
}

.content .pagination-item.number {
    border: 1.5px solid #ccc;
    border-radius: 50%;
    color: #ccc
}

.content .pagination-item.active {
    border: none;
    background: #0088fe;
    color: #fff
}

.about-us {
    margin-top: -10px;
    padding-top: 168px;
    background: url(../img/rec/foot-bg.png) no-repeat;
    background-size: 100% 100%
}
.slidesjs-pagination{
    position: absolute;
    left: 50%;
    bottom: 20px;
    z-index: 900;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}
.slidesjs-pagination li{
    float: left;
}
.slidesjs-pagination li a {
    width: 10px;
    height: 10px;
    margin: 0 8px;
    // border: 2px solid #fff;
    border-radius: 100%;
    display: inline-block;
    transition: .4s;
    background-color: #fff;
}
.slidesjs-pagination li a.active{
    // border: 2px solid #0088FE;
    background: #0E2B71;
}
.slidesjs-navigation{
    width: 20px;
    height: 50px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background-image: url('../img/rec/banner-next.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    z-index: 500;
}
.slidesjs-navigation:hover{
    background-image: url('../img/rec/banner-next-active.png');
     -webkit-transform: translateY(-50%) rotate(180deg);
    -ms-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
}
.slidesjs-navigation.slidesjs-previous{
    left: 20px;
}
.slidesjs-navigation.slidesjs-next{
    right: 20px;
    -webkit-transform: translateY(-50%) rotate(180deg);
    -ms-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg)
}
.slidesjs-navigation.slidesjs-next:hover{
   -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%) 
}
.slidesjs-container{
    min-height: 282px;
}
.default-btn{
    background: transparent;
    border-radius: 6px;
    font-size: 18px;
    color: #0088FE;
    font-weight: 500;
    border: 1px solid #0088FE;
    padding: 9px 15px;
    display: inline-block;
    margin-left:30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.btn-cont{
    margin-top: 25px;
    text-align: center;
}
.project .scene-detail .btn-cont .detail-btn{
    margin-top: 0;
    display: inline-block;

}
.btn-cont .detail-btn{
    background: linear-gradient(90deg,rgba(255,181,21,1),rgba(255,150,9,1));
    border-radius: 6px;
    font-size: 18px;
    color: #fff;
    font-weight: 500;
    border: none;
    padding: 10px 16px;
    margin: 0 auto;
}
.banner .btn-cont{
    position: absolute;
    bottom: 18%;
    left: 22%;
}
.banner .btn-cont .detail-btn:hover{
    background: #FFAD0F;
}
.banner .btn-cont .default-btn{
    border-color: rgba(255,255,255,0.83);
    color: #fff;
    background: transparent;

}
.banner .btn-cont .default-btn:hover{
    background: rgba(255,255,255,0.83);
    border-color: rgba(255,255,255,0.83);
    color: #0088FE;
    
}
.plan .banner-cont{
    display: block;
    width: 100%;
    height: 360px;
    position: relative;
    overflow: hidden;
}
.plan.about .banner-bg .banner-msg{
    top: 170px;
    text-align: center;
}
.plan .banner-bg .banner-msg{
    top: 93px;
}
.plan .banner-bg .banner-msg__cont{
    width: 100%;
    text-align: center;
}
.plan .value{
    padding-top: 45px;
    padding-bottom: 70px;
    position: relative;
}
.welfare .value{
    padding-bottom: 56px;
}
.plan .value .container{
    position: relative;
    text-align: center;
}
.plan .value .bg1{
    position: absolute;
    bottom: -50px;
    left: 120px;
    width: 50px;
    height:50px;
}
.plan .value .bg2{
    position: absolute;
    top: -23px;
    right: -45px;
    width: 110px;
    height:110px;
}
.plan .value-list{
    margin-top:45px;
    display: inline-block;
    white-space: nowrap;
}
.plan .value-item{
    display: inline-block;
    width:227px;
    height:146px;
    background:rgba(255,255,255,0.9);
    border-radius:20px;
    padding: 40px 70px;
    padding-right: 25px;
    position: relative;
    text-align: left;
    white-space: normal;
}
.plan .value-item.u-head{
    height: 124px;
    padding: 22px;
    padding-right: 15px;
}
.plan .value-item .item-head{
    margin-bottom: 13px;
}
.plan .value-item .item-head img{
    height: 23px;
    vertical-align: middle;
}
.plan .value-item .item-head span{
    margin-left: 10px;
    font-size:18px;
    color: #333333;
    font-weight:400;
    vertical-align: middle;
}
.plan .four .value-item+.value-item{
    margin-left: 16px;
}
.plan .value-item+.value-item{
    margin-left: 65px;
}
.plan .value-item .item-img{
    position: absolute;
    height: 51px;
    top: 45px;
    left: 20px;
}
.plan .value-item .item-img.first{
    left: 30px;
}
.plan .value-item .item-desc{
    line-height:22px;
    font-weight:400;
    color: #333333;
    font-size:14px;
}
.view-bg-second{
    background:linear-gradient(180deg,rgba(255,255,255,1),rgba(248,251,255,1),rgba(243,247,255,1),rgba(240,242,255,1));
}
.plan .plan-cont{
    padding-top: 50px;
    overflow: hidden;
}
.plan .plan-cont .no-list-bg{
    height: 280px;
    margin-top: -215px;
}
.plan .company-cont .no-list-bg{
    height:720px;
    margin-top: -680px;
}
.plan .plan-cont .container{
    width: 100%;
}
.plan .plan-cont .plan-detail{
    margin-top: 30px;
}
.plan .plan-detail__cont{
    position: relative;
    width: 882px;
    margin: 0 auto;
}
.plan .plan-detail__cont.have-msg{
    margin-top: 58px;
}
.plan .plan-detail__cont.have-msg .msg-desc{
    width: 275px;
    color:#666;
}
.plan .plan-detail{
    height:399px;
    box-shadow:0px 3px 16px 0px rgba(26,28,36,0.1);
    border-radius:20px;
    position: relative;
    z-index: 10;
    background: #fff;
}
.plan .second-detail{
    box-shadow:0px 3px 16px 0px rgba(26,28,36,0.1);
    border-radius:20px;
    position: relative;
    z-index: 10;
    padding: 30px 42px;
    background-color: #fff;
    margin-top: 25px;
}
.impel .second-detail{
    padding: 35px 24px;
}
.plan .second-detail .second-banner{
    padding: 0 10px;
}
.plan .second-detail .second-banner .detail-view{
    padding: 0 20px;
}
.plan .second-detail .second-banner .second-msg{
    padding-left:0;
}
.plan .second-detail .second-img img{
    box-shadow:0px 3px 16px 0px rgba(26,28,36,0.1);
}
.plan .second-detail .detail-head{
    font-size:16px;
    font-weight:400;
    color:rgba(51,51,51,1);
    line-height:26px;
}
.plan .second-detail .detail-view{
    margin-top: 35px;
    padding: 0 40px;
    padding-bottom: 24px;
}
.impel .second-detail .detail-view{
    padding: 0;
    margin-top: 0;
}
.company .second-detail .detail-view{
    padding: 0;
    margin-top: 0;
}
.plan .second-detail .detail-img{
    text-align: center;
    margin-top: 34px;
}
.plan .second-detail .second-desc{
    font-weight:400;
    color:rgba(102,102,102,1);
    font-size:14px;
    padding-left: 11px;
    position: relative;
}
.plan .second-detail .second-desc:before{
    content: ' ';
    width:6px;
    height:6px;
    background:rgba(102,102,102,1);
    border-radius:50%;
    position: absolute;
    top: 7px;
    left: 0;
}
.plan .second-detail .second-desc+.second-desc{
    margin-top: 12px;
}
.plan .second-detail .second-user .user-item{
    border: 2px solid  rgba(126,184,255,.7);
    border-radius:20px;
    padding: 25px 23px;
    padding-bottom: 5px;
    position: relative;
    width: 210px;
}
.plan .second-detail .user-item .item-name{
    font-size:18px;
    font-weight:400;
    color: #333333;
    background: #fff;
    padding: 0 5px;
    position: absolute;
    top: -13px;
    left: 20px;
}
.plan .second-detail .user-item .item-desc{
    position: relative;
    display: inline-block;
    padding-left: 11px;
    font-size:14px;
    color: #666666;
    font-weight:400;
    margin-right: 23px;
    margin-bottom: 12px;
}
.plan .second-detail .user-item .item-desc:nth-child(even){
    margin-right: 0;
}
.plan .second-detail .user-item .item-desc:before{
    content: ' ';
    display: block;
    position: absolute;
    top: 7px;
    left: 0;
    width:6px;
    height:6px;
    background:rgba(102,102,102,1);
    border-radius:50%;
}

.plan .second-detail .user-item+.user-item{
    margin-top: 34px;
}
.plan .second-msg{
    margin-right: 30px;
    padding-left: 20px;
}
.plan .second-msg .msg-title{
    font-size:19px;
    color:#333333;
}
.plan .second-msg .msg-desc{
    margin-top: 20px;
    line-height:24px;
    color:#666666;
}
.plan .second-msg .msg-desc__item{
    padding-left: 15px;
    position: relative;
    color:#999999;
    font-size: 14px;
    line-height:24px;
    margin-top: 13px;
}
.plan .second-msg .msg-desc__item:before{
    content: ' ';
    width:6px;
    height:6px;
    background:rgba(102,102,102,1);
    border-radius:50%;
    position: absolute;
    top:8px;
    left: 0;
}

.plan .company-list{
    width: 960px;
    margin: 0 auto;
    margin-top: 39px;
    position: relative;
}
.plan .company-item+.company-item{
    margin-top: 30px;
}
.plan .company-item .item-detail{
    width: 450px;
}
.plan .company-item .item-title{
    font-size:22px;
    font-weight:500;
    color:rgba(0,136,254,.8);
}
.plan .company-item .item-title__second{
    font-size:18px;
    font-weight:400;
    color:rgba(51,51,51,1);
    margin-top:12px;
}
.plan .company-item .item-desc{
    font-size:14px;
    font-weight:400;
    color:rgba(102,102,102,1);
    line-height:21px;
    padding-left: 15px;
    position: relative;
    margin-top: 20px;
}
.plan .company-item .item-desc:before{
    content:' ';
    display: block;
    position: absolute;
    top: 8px;
    left: 0;
    width:6px;
    height:6px;
    background:rgba(102,102,102,1);
    border-radius:50%;
}




.plan .second-cont{
    padding-top: 48px;
}
.plan .second-cont .step-list{
    margin: 0 auto;
    margin-top: 30px;
    width: 960px;
}
.plan .second-cont .step-item{
    width: 184px;
    position: relative;
}
.plan .second-cont .step-item+.step-item:before{
    content: ' ';
    position: absolute;
    top: 177px;
    left: -54px;
    width:35px;
    height:29px;
    background: url('../img/rec2/welfare/step.png') no-repeat;
    background-size: 100%;
}
.plan .second-cont .step-item .item-img{
    width: 100%;
    box-shadow:0px 3px 16px 0px rgba(26,28,36,0.1);
}
.plan .second-cont .step-item .item-desc{
    margin-top: 20px;
    padding-left: 12px;
    color: #666666;
    font-size: 14px;
    line-height:22px;
    font-weight:400;
    position: relative;
}
.plan .second-cont .step-item .item-desc:before{
    content: ' ';
    width:6px;
    height:6px;
    background:rgba(102,102,102,1);
    border-radius:50%;
    position: absolute;
    top: 8px;
    left: 0;
}
.plan .plan-detail .plan-left{
    padding-top: 95px;
    padding-left: 85px;

}
.plan .plan-detail .left-title{
    font-size:26px;
    font-weight:400;
    margin-bottom: 28px;
    white-space: nowrap;
}
.plan .plan-cont .plan-detail .plan-left{
    width: 318px;
}
.plan .plan-detail .plan-desc-item{
    position: relative;
    padding-left: 14px;
    font-size:14px;
    line-height:26px;
    color:rgba(102,102,102,1);
}
.plan .plan-right{
    padding: 23px 100px 48px 130px;
    position: relative;
}
.plan .plan-right .right-banner{
    width: 328px;
}
.plan .plan-right .right-banner img{
    width: 328px;
}

.plan .right-banner .slidesjs-navigation{
    width: 15px;
    height: 30px;
    background-image: url('../img/rec2/plan/left-arrow.png'); 
}
.plan .right-banner .slidesjs-navigation:hover{
    opacity: .7;
    // -webkit-transform: translateY(-50%);
    // -ms-transform: translateY(-50%);
    // transform: translateY(-50%);
}
.plan .right-banner{
    box-shadow:0px 4px 16px 0px rgba(26,28,36,0.1);
}
.plan .right-banner .slidesjs-navigation.slidesjs-next{
    right: 48px;
}
.plan .right-banner .slidesjs-navigation.slidesjs-previous{
    left: 76px;
}
.plan .right-banner .slidesjs-pagination li a{
    background:rgba(0,136,254,.4);
}
.plan .right-banner .slidesjs-pagination li a.active{
    width:35px;
    background:rgba(0,136,254,1);
    border-radius:4px;
}

.plan .second-banner .slidesjs-navigation{
    width: 15px;
    height: 30px;
    background-image: url('../img/rec2/plan/left-arrow.png'); 
}
.plan .second-banner .slidesjs-navigation:hover{
    opacity: .7;
    // -webkit-transform: translateY(-50%);
    // -ms-transform: translateY(-50%);
    // transform: translateY(-50%);
}
.plan .second-banner .slidesjs-navigation.slidesjs-next{
    right: 17px;
}
.plan .second-banner .slidesjs-navigation.slidesjs-previous{
    left: 13px;
}
.plan .second-banner .slidesjs-pagination li a{
    background:rgba(0,136,254,.4);
}
.plan .second-banner .slidesjs-pagination li a.active{
    width:35px;
    background:rgba(0,136,254,1);
    border-radius:4px;
}
.plan .plan-detail .plan-desc-item:before{
    content: ' ';
    display: inline-block;
    width:6px;
    height:6px;
    background:rgba(102,102,102,1);
    border-radius:50%;
    position: absolute;
    top: 9px;
    left: 0;
}
.plan .plan-list__cont{
    padding-top: 108px;
    margin-top: -60px;
    padding-bottom: 44px;
}
.plan .plan-list{
    width: 960px;
    margin: 0 auto;
    position: relative;
}
.plan .plan-list.three .plan-item{
    width:274px;
    height:208px;
}
.plan .plan-list.three .plan-item+.plan-item{
    margin-left: 68px;
}
.plan .plan-item{
    float: left;
    border:2px solid rgba(200, 170, 255, .5);
    border-radius:20px;
    position: relative;
}
.plan .plan-item .item-icon{
    height: 60px;
    position: absolute;
    top: 23px;
}
.plan .plan-list.three .plan-item .item-icon{
    left: 170px;
}
.plan .plan-item .plan-tag{
    width: 135px;
    height: 70px;
    position: absolute;
    top: 16px;
    left: -26px;
    background: url('../img/rec2/plan/tag.png') no-repeat;
    background-size: 100%;
}
.plan .plan-item .plan-tag img{
    height: 28px;
    position: absolute;
    top: 10px;
    left: 50px;
}
.plan .plan-item .plan-desc__cont{
    padding-top: 80px;
    padding-left: 23px;
}
.plan .plan-item .item-title{
    font-size:17px;
    color:rgba(51,51,51,1);
    margin-bottom: 15px;
}
.plan .plan-item .item-desc{
    padding-left: 14px;
    padding-right: 7px;
    position: relative;
    color:rgba(102,102,102,1);
    font-size: 14px;
}
.plan .plan-item .item-desc+.item-desc{
    margin-top: 12px;
}
.plan .plan-item .item-desc:before{
    content: ' ';
    display: block;
    width:5px;
    height:5px;
    background:rgba(102,102,102,1);
    border-radius:50%;
    position: absolute;
    top: 8px;
    left: 0;
}

.plan .plan1 .bg1{
    width: 110px;
    position: absolute;
    top: -57px;
    left: 88px;
}
.plan .plan1 .bg2{
    width: 200px;
    position: absolute;
    right: -197px;
    bottom: 80px;
}
.plan .plan1 .bg3{
    width: 91px;
    position: absolute;
    left: -60px;
    bottom: -26px;
}
.plan .plan1 .bg4{
    width: 55px;
    position: absolute;
    top: -55px;
    left: 340px;
}
.plan .plan1 .bg5{
    width: 55px;
    position: absolute;
    right: -139px;
    bottom: 70px;
}
.plan .plan2{
    /*margin-top: 80px;*/
}
.plan .plan2 .bg1{
    width: 200px;
    position: absolute;
    bottom: 80px;
    left: -135px;
}
.plan .plan2 .bg2{
    width: 55px;
    position: absolute;
    right: 90px;
    top: -50px;
}
.plan .plan2 .bg3{
    width: 91px;
    position: absolute;
    left: -60px;
    bottom: -26px;
}
.plan .plan2 .bg4{
    width: 110px;
    position: absolute;
    top: -85px;
    right: 197px;
}
.plan .plan2 .bg5{
    width: 55px;
    position: absolute;
    right: -65px;
    bottom: 117px;
}
.plan .plan-list.double{
    width: 813px;
}
.welfare .plan-list.double{
    width: 667px;
}
.plan .plan-list.double .plan-item{
    width: 344px;
    height: 224px;
}
.welfare .plan-list.double .plan-item{
    width: 265px;
    height: 253px;
}
.plan .plan-list.double .plan-item+.plan-item{
    margin-left: 125px;
}
.plan .plan-list.double .plan-item .item-icon{
    right: 90px;
    height: 47px;
}
.welfare .plan-list.double .plan-item .item-icon{
    right: 60px;
}
.plan .plan3 .bg1{
    width: 110px;
    position: absolute;
    top: -50px;
    left: 100px;
}
.plan .plan3 .bg2{
    width: 200px;
    position: absolute;
    right: -135px;
    bottom: 30px;
}
.plan .plan3 .bg3{
    width: 55px;
    position: absolute;
    left: -105px;
    bottom: -40px;
}
.plan .plan3 .bg4{
    width: 55px;
    position: absolute;
    top: -40px;
    left: 40px;
}
.plan .plan3 .bg5{
    width: 90px;
    position: absolute;
    right: -20px;
    bottom: 44px;
}
.welfare .welfare1 .bg1{
    width: 56px;
    position: absolute;
    top: 132px;
    right: -93px;
}
.welfare .welfare1 .bg3{
    width: 91px;
    position: absolute;
    bottom: 26px;
    left: -139px;
}
.welfare .welfare1 .bg4{
    width: 55px;
    position: absolute;
    top: 70px;
    right: -126px;
}
.welfare .welfare2 .bg1{
    width: 56px;
    position: absolute;
    bottom: -24px;
    left: 0px;
}
.welfare .welfare2 .bg2{
    width: 91px;
    position: absolute;
    top: 130px;
    right: -73px;
}
.welfare .welfare3 .bg1{
    width: 91px;
    position: absolute;
    bottom: 68px;
    left: -14px;
}
.welfare .welfare3 .bg2{
    width: 55px;
    position: absolute;
    top: 140px;
    right: -92px;
}
.welfare .welfare3 .bg3{
    width: 201px;
    position: absolute;
    bottom: 18px;
    right: -136px;
}
.welfare .welfare4 .step-list{
    position: relative;
}
.welfare .welfare4 .bg1{
    width: 91px;
    position: absolute;
    bottom: 34px;
    left: -108px;
}
.welfare .welfare4 .bg2{
    width: 55px;
    position: absolute;
    top: 48px;
    right: -80px;
}
.impel .impel1 .bg2{
    width: 201px;
    position: absolute;
    bottom: 41px;
    left: -135px;
}
.impel .impel1 .bg1{
    width: 110px;
    position: absolute;
    bottom: 25px;
    right: -70px;
}
.impel .impel2 .bg1{
    width: 110px;
    position: absolute;
    top: 75px;
    left: -91px;
}
.impel .impel2 .bg2{
    width: 201px;
    position: absolute;
    top: 138px;
    right: -197px;
}
.company .company1 .bg1{
    width: 55px;
    position: absolute;
    top: -51px;
    right: 89px;
}
.company .company1 .bg2{
    width: 110px;
    position: absolute;
    bottom: -57px;
    right: 170px;
}
.company .company1 .bg3{
    width: 201px;
    position: absolute;
    top: 162px;
    right: -199px;
}
.company .company2 .bg1{
    width: 201px;
    position: absolute;
    bottom: 80px;
    left: -135px;
}
.company .company2 .bg2{
    width: 110px;
    position: absolute;
    bottom: -57px;
    right: 170px;
}
.company .company3 .bg1{
    width: 201px;
    position: absolute;
    bottom: 80px;
    right: -180px;
}
.company .company3 .bg2{
    width: 110px;
    position: absolute;
    bottom: -57px;
    left: 211px;
}
.company .company4 .bg1{
    width: 110px;
    position: absolute;
    top: 282px;
    right: -206px;
}
.company .company4 .bg2{
    width: 110px;
    position: absolute;
    top: 660px;
    left: -142px;
}

.foot-us{
    padding-top: 40px;
}
.foot-us .us-left{
    display: inline-block;
    width: 588px;
}
.foot-us .us-left .left-item{
    display: inline-block;
    vertical-align: top;
}
.foot-us .us-left .left-item+.left-item{
    margin-left: 82px;
}
.foot-us .left-item .item-title{
    font-size:16px;
    font-weight:400;
    color:rgba(85,85,85,1);
    margin-bottom: 20px;
}
.foot-us .left-item .item-desc{
    font-size:14px;
    font-weight:400;
    color: rgba(153, 153, 153, 1);
}
.foot-us .left-item .item-desc+.item-desc{
    margin-top: 10px;
}
.foot-us .left-item .item-name{
    color: rgba(102, 102, 102, 1);
}
.foot-us .us-left .left-cont{
    padding-bottom: 32px;
}
.foot-us .left-link{
    padding-top: 20px;
    border-top: 2px dashed rgba(0,136,254,.2);
}
.foot-us .us-right{
    display: inline-block;
    width: 331px;
    margin-left: 30px;
    vertical-align: top;
    padding-top: 30px;
    white-space: nowrap;
}
.foot-us .code-item{
    display: inline-block;
    text-align: center;
}
.foot-us .code-item+.code-item{
    margin-left: 15px;
}
.foot-us .code-item .code-img{
    width:89px;
    height:90px;
    box-shadow:0px 3px 16px 0px rgba(16,41,62,0.15);
}
.foot-us .code-item .code-desc{
    margin-top: 15px;
    font-size:13px;
    font-weight:400;
    color: #666;
}
.foot-us .left-link .link-item.pc-show{
    display: inline-block;
}
.fixed {
    position: fixed;
    right: 0;
    bottom: 50px;
    z-index: 1000
}

.fixed .fixed-cont {
    position: relative;
}

.fixed .fixed-item {
    width: 76px;
    height: 40px;
    line-height: 40px;
    background-color: rgba(0,136,254,.6);
    text-align: center;
    border-radius: 40px 0 0 40px;
    font-size: 14px;
    cursor: pointer;
    margin: 0 0 0 auto;
    -webkit-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out
}

.fixed .fixed-item+.fixed-item {
    margin-top: 3px
}

.fixed .fixed-item:hover {
    width: 130px;
    background-color: rgba(0,136,254,.9)
}

.fixed .fixed-item:hover .item-desc {
    display: inline-block
}

.fixed .fixed-item:hover .icon {
    display: none
}

.fixed .fixed-item .item-desc {
    display: none;
    color: #fff;
    white-space: nowrap
}

.fixed .fixed-item .icon {
    display: inline-block;
    width: 30px;
    height: 20px;
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: center;
    vertical-align: middle;
    margin-left: 9px
}

.fixed .fixed-item .icon.icon-phone {
    background-image: url('../img/rec2/common/icon-phone.png');
}

.fixed .fixed-item .icon.icon-free {
    background-image: url('../img/rec2/common/icon-free.png');
}

.fixed .fixed-item .icon.icon-seek {
    background-image: url('../img/rec2/common/icon-seek.png');
}
.fixed .fixed-item .icon.icon-top {
    background-image: url('../img/rec2/common/icon-top.png');
}
.case-view .case-list__cont{
    width: 960px;
    margin: 0 auto;
    position: relative;
}

.case-view .case-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 22px
}

.case-view .case-item {
    display: block;
    width: 296.8px;
    background-color: #fff;
    border-radius: 10px;
    border:1px solid rgba(229,229,229,1);
    position: relative;
    z-index: 10;
}

.case-view .case-item:hover {
    -webkit-box-shadow: 0 4px 17px 0 rgba(0, 0, 0, .12);
    box-shadow: 0 4px 17px 0 rgba(0, 0, 0, .12);
    background-color: #f2f9ff;
    cursor: pointer
}

.case-view .case-item__bg img {
    width: 100%
}

.case-view .case-item__detail {
    padding: 16px
}

.case-view .case-item__company {
    color: #666;
    font-size: 15px
}
.case-view .case-item__company em{
    margin: 0 10px;
}
.case-view .case-item__title {
    color: #333;
    font-size: 19.2px;
    margin-top: 10px;
    font-weight: 400;
    white-space: nowrap
}

.case-view .case-item__desc {
    margin-top: 10px;
    font-size: 12.8px;
    color: #999;
    line-height: 19px;
    padding-bottom: 10px;
    position: relative
}

.case-view .case-item__desc:after {
    content: " ";
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 1px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAApIAAAAEAgMAAABARjeCAAAADFBMVEXMzMzLy8tHcEzMzMwtVrt5AAAAA3RSTlPdIgDYlSSdAAAAM0lEQVQoz2NgYOBatWoVAwgMWgYDw///v4Cc/yAwaBkfGEJDo4CcUBAYtIwAhlVDACwAAJx6bTgtRWTEAAAAAElFTkSuQmCC) no-repeat;
    background-size: 100% 100%
}

.case-view .case-item__foot {
    margin-top: 10px;
    color: #0088fe;
    font-size: 12px
}

.case-view .case-item__foot span {
    margin-right: 8px
}
.case-view .banner-bg .banner-msg{
    text-align: center;
    top: 170px;
}
.case-view.plan .case1 .no-list-bg{
    height: 720px;
    margin-top: -644px;
}
.case-view.plan .case2 .container-title{
    margin-bottom: 30px;
}
.case-view .case-lists__cont{
    width: 960px;
    margin: 0 auto;
    position: relative;
    z-index: 10;
}
.case-view.plan .case2 .no-list-bg{
    height: 632px;
    margin-top: -600px;
}
.case-view .case1 .bg1{
    width: 138px;
    position: absolute;
    bottom: 84px;
    left: -66px;
}
.case-view .case1 .bg2{
    width: 138px;
    position: absolute;
    top: 197px;
    right: -126px;
}
.case-view .case2 .bg1{
    width: 138px;
    position: absolute;
    top: 200px;
    left: -152px;
}
.case-view .case2 .bg2{
    width: 192px;
    position: absolute;
    bottom: 111px;
    right: -170px;
}
.content .news-content{
    margin-top: 30px;
}
.content .content-head{
    text-align: center;
    padding-bottom: 20px;
    border-bottom: 1px dashed #0088FE;
}
.content .content-title{
    font-size: 28px;
    font-weight:400;
    color: #444444;
}
.content .content-desc{
    color: #999999;
    font-size: 16px;
    margin-top: 20px;
}
.content .content-desc a{
    color: #777;
    font-size: 12px;
    float: right;
}
.content .content-desc a:hover{
    color: #0088FE;
}
.content .content-detail{
    margin-top: 20px;
}
.content .content-foot{
    margin-top: 30px;
    padding-left: 5px;
}
.content .foot-item{
    margin-top: 5px;
    display: block;
    cursor: pointer;
}
.content .foot-item span{
    vertical-align: middle;
    margin-left: 16px;
    color: #999999;
}
.content .foot-item:hover span{
    color: #0088FE;
}
.content .foot-item .foot-item__btn{
    vertical-align: middle;
    display: inline-block;
    width: 35px;
    height: 32px;
    background-repeat: no-repeat;
    background-size: 32px 100%;
    cursor: pointer;
    background-image: url('../img/rec/pagination-btn.png');
}
.content .foot-item:hover .foot-item__btn{
    background-image: url('../img/rec/pagination-btn-active.png');
    background-size: 35px 100%;
}
.content .foot-item:hover .foot-item__btn.left{
    position: relative;
    left: -3px;
        -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
.content .foot-item .foot-item__btn.right{
        -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    position: relative;
    left: -3px;
}
.content .foot-item:hover .foot-item__btn.right{
    left: 0;
    transform: none;
}
.about .about1 .bg1{
    width: 138px;
    position: absolute;
    top: -10px;
    right: -221px;
}
.about .about2 .bg1{
    width: 138px;
    position: absolute;
    bottom: -25px;
    left: -188px;
}
.about .team .container{
    position: relative;
    z-index: 20;
}
.about .team .bg1{
    width: 138px;
    position: absolute;
    bottom: -50px;
    left: -50px;
}
.about .team .bg2{
    width: 138px;
    position: absolute;
    bottom: 180px;
    right: -70px;
}
/* body #aff-im-root{
  display: none!important;
} */
@media screen and (min-width:960px) {
    #nb_icon_wrap{
        display: none!important;
    }
    /* #aff-im-root{
      display: none!important;
    } */
}
@media screen and (max-width:960px) {
    .home .home-news{
        margin-top: 15px;
    }
    .home .home-news .img-cont{
        padding-bottom: 10px;
    }
    .home .home-news .news-more{
        font-size: 12px;
    }
    .home .home-news .news-list{
        margin-top: 10px;
        display: block;
    }
    .home .home-news.m-news .news-item{
        width: 100%;
        height: 55.2vw;
        margin-left: 0;
    }
    .home .home-news.m-news .news-item .item-img{
        width: 100%;
        height: 100%;
    }
    .home .home-news.m-news .news-item .item-bg{
        width: 100%;
        min-height: 100%;
    }
    .home .home-news.m-news .news-item+.news-item{
        margin-top: 15px;
    }
    .home .home-news.m-news .item-detail{
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        padding: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    .home .home-news.m-news .news-item .item-time {
        position: relative;
        top: 0;
        left: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding: 8px 14px;
        border-radius: 0;
    }
    .home .home-news.m-news .news-item .item-desc {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        background: rgba(30, 105, 171, 0.7);
        padding: 10px 12px 10px 20px;
        overflow: hidden;
    }
    .home .home-news.m-news .news-item .item-msg{
        -webkit-line-clamp: 2;
        line-clamp: 2;
        color: #fff;
        font-size: 12px;
        margin-top: 5px;
        line-height: 16px;
    }
    .home .home-news.m-news .news-item .item-time{
        padding: 15px 10px;
        text-align: center;
    }
    .home .home-news.m-news .news-item .first-time{
        font-size: 16px;
    }
    .home .home-news.m-news .news-item .second-time{
        font-size: 12px;
        margin-top: 12px;
    }
    .home .home-news.m-news .news-item .item-title{
        font-size: 14px;
        color: #fff;
    }

    .about .banner-bg .banner-msg .msg-img{
        width: 57.2vw;
    }
    .about .banner-bg .banner-msg{
        padding-bottom: 30px;
    }
    .plan.about .plan-cont .container{
        padding: 0 20px;
    }
    .about .about-list__cont{
        width: auto;
    }
    .about .about-desc__item{
        margin-top: 12px;
        font-size: 13px;
        line-height:20px;
    }
    .research .team{
        margin-top: 25px;
    }
    .plan.about .plan-cont.m-view-bg{
        padding-top: 25px;
        margin-top: 25px;
    }

    .content .news-title__cont .arrow{
        width: 7px;
    }
    .content .news-title__cont .right-cont{
        padding: 0 5px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .content .left-desc-m{

    }
    .content .pagination{
        width: 60vw;
        min-width: 195px;
        max-width: 300px;
        margin-top: 30px;
        font-size: 13px;
        color: #666;
    }
    .content .banner-cont{
        height: auto;
        min-height: 53vw;
    }
    .content .banner-bg .banner-msg .msg-img{
        width: 57.2vw;
    }
    .content .banner-bg .banner-msg{
        top: 16.5vw;
        padding-top: 0;
    }
    .content .center{
        margin-top: 10px;
        padding-bottom: 30px;
    }
    .content .container{
        width: 100%;
        padding: 0 10px;
    }
    .content .news-title{
        overflow: auto;
    }
    .content .news-nav{
        height: auto;
        line-height: normal;
        display: block;
        white-space: nowrap;
    }
    .content .nav-item{
        display: inline-block;
        font-size: 14px;
        width: 90px;
        height: 37px;
        line-height: 37px;
    }
    .content .news-item__detail{
        width: 100%;
        margin-left: 0;
    }
    .content .news-item{
        display: block;
        padding: 15px;
    }
    .content .news-item__desc{
        margin-bottom: 15px;
    }
    .content .news-item__title{
        margin-top: 0;
        font-size: 16px;
    }
    .content .news-item__btn{
        margin: 0;
        padding-top: 15px;
        border-top: 1px dashed #666;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    .content .news-item__more{
        font-size: 13px;
        color: #0088FE;
    }

    .plan .second-msg .msg-desc{
        font-size: 13px;
        color:#666;
    }
    .plan .plan-detail__cont.have-msg{
        display: block;
        margin-top: 25px;
    }
    .plan .plan-detail__cont.have-msg .msg-desc{
        width: 100%;
    }
    .plan .plan-detail__cont.have-msg .second-img img{
        width: 100%;
    }
    .head{
        height: 43px;
        overflow: visible;
    }
    .head.head-content .head-item:hover .icon-more,
    .head.head-fixed .head-item:hover .icon-more{
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
    .head.head-content .head-item.prog.open .icon-more,
    .head.head-content .head-item.tran.open .icon-more,
    .head.head-fixed .head-item.open .icon-more{
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }
    /* .head.head-content .head-item.tran.open .icon-more{
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
    } */
    .head .head-nav .head-item{
        padding-right: 20px;
    }
    .head .head-nav{
        padding: 0;
        padding-left: 20px;
    }
    .head .head-item .icon-more{
        float: right;
        width: 8px;
        height: 15px;
        position: relative;
        top: 3px;
        background-image: url('../img/rec2/common/icon-arrow-gray.png');
    }
    .head .head-item:hover .icon-more{
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
    .head .head-nav .head-item.more{
        border-bottom: none;
        padding-right: 0;
    }
    .head .head-nav .head-item.more .desc{
        padding-right: 20px;
    }
    .head .head-nav .head-item.more.open .desc{
        border-bottom: 1px solid #ddd;
        
    }
    .head .head-nav .head-item{
        font-size: 13px;
    }
    .head .head-item.prog.open .head-detail__cont{
        height: 285px;
        /* display: block; */
    }
    .head .head-item.tran.open .head-detail__cont{
        height: 105px;
        /* display: block; */
    }
    .head .head-item.open .icon-more{
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }
    .head .head-item .head-detail__cont{
        position: relative;
        top: 0;
        left: 0;
        padding-top: 0;
        font-size: 13px;
        font-weight: normal;
        padding-right: 20px;
        height: 0;
        overflow: hidden;
        -webkit-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s;
        border-bottom: 1px solid #ddd;
        display: block;
    }
    .head .head-item .head-detail__cont .detail-list{

        width: 100%;
        height: auto;
        opacity: 1;
        box-shadow: none;
        padding: 0;
        padding-top: 13px;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
    .head .detail-list .detail-item{
        display: block;
        float: none;
        width: 100%;
        padding-left: 0;
        margin-bottom: 15px;
        height: 30px;
        line-height: 30px;
    }
    .head .detail-list .detail-item .detail-icon{
        width: 21px;
        height: 24px;
        margin-right: 5px;
    }
    .head .detail-list .detail-item .detail-more{
        float: right;
        top: 8px;
    }
    .head .detail-list .detail-item .detail-icon.icon-impel{
        height: 23px;
    }
    .head .detail-list .detail-item .detail-icon.icon-company{
        height: 18px;
    }
    .head .detail-list .detail-item .detail-icon.icon-performance{
        height: 18px;
    }
    .head .detail-list .detail-item .detail-icon.icon-okr{
        height: 17px;
    }
    .head .detail-list .detail-item .detail-icon.icon-welfare{
        height: 17px;
    }
    .foot-us .left-link .link-item.pc-show{
        display: none;
    }
    .foot-us .us-left{
        display: block;
        width: 100%;
    }
    .foot-us .us-left .left-item{
        display: block;
        padding-left: 70px;
        position: relative;
    }
    .foot-us .left-item .item-title{
        position: absolute;
        top: 1px;
        left: 0;
        font-size: 13px;
    }
    .foot-us{
        position: relative;
        padding-top: 15px;
        padding-bottom: 0;
    }
    .foot-us .container{
        position: relative;
        // padding-bottom: 88px;
    }
    .foot-us .us-left .left-item + .left-item{
        margin-top: 15px;
        margin-left: 0;
    }
    .foot-us .left-item .item-desc{
        color: #888;
        font-size: 13px;
    }
    .foot-us .left-item .item-name{
        color: #888;
    }
    .foot-us .left-item .item-desc + .item-desc{
        margin-top: 5px;
    }
    .foot-us .us-left .left-cont{
        padding-bottom: 0;
    }
    .foot-us .left-link{
        margin-top: 15px;
        padding-top: 15px;
    }
    .foot-us .left-link .link-item{
        margin-left: 0;
        font-size: 12px;
        margin-right: 20px;
    }
    .foot-us .left-link .link-item+.link-item{
        /*margin-left: 20px;*/
    }
    .foot-us .us-right{
        display: none;
        text-align: center;
        width: auto;
        padding: 0;
        margin: 0 auto;
        margin-top: 18px;
    }
    .foot-us .link-title{
        display: block;
        font-size: 13px;
        margin-bottom: 6px;
    }
    .foot-us .code-item {
        margin-bottom: 20px;
    }
    .foot-us .code-item .code-desc{
        font-size: 12px;
        margin-top: 10px;
    }
    .welfare .plan-cont.welfare1{
        padding-top: 20px;
    }
    .container-title .second-title{
        margin: 0 auto;
        margin-top: 13px;
        font-size: 12px;
    }
    .welfare .plan-cont.welfare1 .second-title{
        max-width: 304px;
    }
    .welfare .plan-cont.welfare2 .second-title,
    .welfare .plan-cont.welfare3 .second-title{
        max-width: 304px;
    }
    .scene .plan-cont.scene1 .second-title{
        max-width: 255px;
    }
    .plan .plan-cont.scene1 .second-detail{
        margin-top: 15px;
    }
    .plan.welfare .plan-list.three .plan-item,
    .plan.welfare .plan-list.double .plan-item{
        width: 73vw;
        margin: 0 auto;
        float: none;
    }
    .plan.welfare .plan-list.three .plan-item + .plan-item,
    .plan.welfare .plan-list.double .plan-item + .plan-item{
        margin: 0 auto;
        margin-top: 15px;
    }
    .plan .plan-cont .no-list-bg{
        height: auto;
        margin-top: 0;
        padding-bottom: 20px;
    }
    .plan .second-user{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 0 20px;
        margin-top: 25px;
    }
    .plan .second-detail .user-item .item-name{
        font-size: 14px;
        background: #F9F9F9;
        top: -10px;
    }
    .plan .second-detail .user-item .item-desc{
        font-size: 12px;
        margin-right: 10px;
    }
    .plan .second-detail .user-item .item-desc:before{
        width: 4.5px;
        height: 4.5px;
    }
    .plan .second-detail .second-user .user-item{
        padding: 15px;
        padding-bottom: 5px;
        width: 50%;
    }
    .plan .step-list .right-banner .slidesjs-container{
        box-shadow: none;
    }
    .plan .second-cont .step-item .item-desc{
        margin-top: 0;
        margin-bottom: 15px;
        padding-left: 0;
        text-align: center;
    }
    .plan .second-cont .step-item .item-desc:before{
        display: none;
    }
    .plan .step-list .right-banner .slidesjs-container img{
        -webkit-box-shadow: 0px 2px 8px 0px rgba(26, 28, 36, 0.1);
        box-shadow: 0px 2px 8px 0px rgba(26, 28, 36, 0.1);
    }
    .plan .step-list .right-banner .right-item{
        padding: 10px;
    }
    .plan .second-detail .second-user .user-item .inner-cont{
        width: 135px;
        margin: 0 auto;
    }
    .plan .second-detail .user-item + .user-item{
        margin-top: 0;
        margin-left: 20px;
    }
    .plan .second-cont .step-list{
        width: 100%;
        margin-top: 15px;
    }
    .plan .second-cont .step-item{
        width: 65.73vw;
    }
    .plan .second-detail .detail-img{
        padding: 0 10px;
        margin-top: 25px;
    }
    .plan .banner-cont{
        height: auto;
    }
    .case-view.plan .banner-cont{
        height: auto;
        min-height: 53vw;
    }
    .case-view.plan .banner-bg .banner-msg{
        top: 22.8vw;
        padding-top: 0;
    }
    .case-view .banner-bg .banner-msg .msg-img{
        width: 71.876vw;
    }
    .case-view .case-item__detail{
        padding-bottom: 10px;
    }
    .case-view .case-list__cont{
        width: 100%;
    }
    .case-view .case-list {
        display: block;
    }
    .case-view .case-item__company{
        font-size: 14px;
    }
    .case-view .case-item__title{
        font-size: 16px;
        margin-top: 7px;
    }
    .case-view .case-item__desc{
        font-size: 13px;
        margin-top: 7px;
    }
    .case-view .m-view-bg{
        margin-top: 25px;
        padding-bottom: 25px;
        margin-bottom: 25px;
    }
    .case-view .case-item {
        width: calc(100% - 50px);
        margin: 0 auto;
        -webkit-box-shadow: 0 1px 11px 0 rgba(0, 0, 0, .12);
        box-shadow: 0 1px 11px 0 rgba(0, 0, 0, .12)
    }
    .case-view.plan .plan-cont.case2{
        padding-top: 0;
    }
    .case-view .case-lists__cont{
        width: 100%;
        padding: 0 20px;
    }
    .case-view .case-items+.case-items {
        margin-top: 20px
    }
    .case-view .case-items {
        height: 25vw;
        display: inline-block;
        width: calc((100vw - 65px)/2);
        background-color: #fff;
        -webkit-box-shadow: 0 3px 16px 0 rgba(16, 41, 62, .15);
        box-shadow: 0 3px 16px 0 rgba(16, 41, 62, .15);
        border-radius: 8px;
        margin-top: 20px
    }

    .case-view .case-items:nth-child(2n) {
        margin-left: 20px
    }

    .plan .second-detail{
        background: transparent;
        -webkit-box-shadow: none;
        box-shadow: none;
        padding: 0;
    }
    .plan .second-detail .detail-view{
        padding: 0;
        display: block;
        margin-top: 10px;
    }
    .plan.scene .plan-cont,
    .plan.impel .plan-cont{
        padding-bottom: 20px;
        padding-top: 20px;
    }
    .plan .second-detail .detail-head{
        padding: 0 20px;
        font-size: 15px;
        line-height: 24px;
    }
    .plan .second-desc__list{
        padding: 0 30px;
    }
    .plan .second-detail .second-desc + .second-desc{
        margin-top: 8px;
    }
    .plan .value{
        padding-top: 30px;
        padding-bottom: 20px;
    }
    .plan .value-list{
        margin-top: 15px;
        display: block;
    }
    .plan .value-item{
        display: block;
        width: 100%;
        height: 65px;
        box-shadow:0px 3px 16px 0px rgba(26,28,36,0.1);
        border-radius:10px;
        padding: 15px 20px;
        padding-left: 56px;
    }
    .plan .value-item + .value-item{
        margin-left: 0;
        margin-top: 10px;
    }
    .plan .value-item .item-img{
        height: 30px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    .plan .value-item .item-img.first{
        left: 24px;
    }
    .plan .value-item .item-desc{
        font-size: 13px;
        line-height:20px;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        left: 54px;
        padding-right: 10px;
    }
    .plan .value-item.u-head{
        width: 100%;
        height: auto;
        padding: 15px 0;
        padding-left: 50px;
    }
    .plan .value-item .bg{
        height: 32px;
        position: absolute;
        left: 18px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    .plan .value-item.u-head.first .bg{
        left: 20px;
    }
    .plan .four .value-item + .value-item{
        margin-left: 0;
    }
    .plan .value-item .item-head{
        font-size: 15px;
        margin-bottom: 5px;
    }
    .plan .value-item .item-head span{
        margin-left: 0;
        font-size: 14px;
    }
    .plan .value-item.u-head .item-desc{
        position: relative;
        top: auto;
        left: auto;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        font-size: 13px;
    }
    .plan .value-item .item-head img{
        height: 32px;
    }
    .plan .plan-cont .plan-detail .plan-left{
        width: 100%;
        float: none;
        padding-right: 20px;
    }
    .plan .plan-detail .plan-left{
        padding-top: 0;
        padding-left: 20px;
    }
    .plan .plan-cont{
        padding-top: 30px;
        margin-top: 0;
    }
    .plan .plan-cont .container-title{
        margin-bottom: 15px;
    }
    .plan .plan-detail .left-title{
        font-size: 16px;
        margin-bottom: 15px;
    }
    .plan .plan-detail .plan-desc-item{
        font-size: 13px;
    }
    .plan .plan-detail{
        box-shadow: none;
        height: auto;
        background: transparent;
        margin-top: 18px;
    }
    .plan .plan-cont .plan-detail{
        margin-top: 0;
    }
    .plan .plan-detail__cont{
        width: 100%;
    }
    .plan .plan-right{
        padding: 0;
        float: none;
        margin-top: 20px;
    }
    .plan .plan-right .right-banner{
        // width: 76.4vw;
        width: 100vw;
        padding: 0 44px;
        padding-bottom: 40px;
        margin: 0 auto;
        position: relative;
    }
    .plan .company-list{
        width: auto;
        margin-top: 25px;
        
    }
    .plan .company-item {
        display: table;
        padding: 0 20px;
    }
    .plan .company-item.m-view-bg{
        padding-top: 17px;
        padding-bottom: 25px;
    }
    .plan .company-item .item-detail{
        width: 100%;
    }
    .plan .company-item .item-img{
        display: table-header-group;
        text-align: center;
    }
    .plan .company-item .item-img img{
        width: 60vw;
        margin: 0 auto;
    }
    .plan .company-item .item-detail{
        display: table-row-group
    }
    .plan .company-item .item-title{
        text-align: center;
        font-size: 16px;
        margin-top: 10px;
    }
    .plan .company-item .item-title__second{
        font-size: 14px;
    }
    .plan .company-item .item-desc{
        margin-top: 10px;
        font-size: 13px;
    }
    .company.plan .company1 .second-detail{
        margin-top: 16px;
    }
    .plan .second-msg .msg-title{
        font-size: 14px;
        font-weight: bold;
    }
    .plan .second-msg .msg-desc__item{
        margin-top: 5px;
        color: #666;
    }
    .plan .second-img{
        padding: 0 10px;
    }
    .plan.impel .second-img{
        margin-top: 20px;
    }
    .plan .second-detail .second-img img{
        width: 100%;

    }
    .plan.company .second-detail .detail-view,
    .plan.company .second-detail{
        margin-top: 0;
    }
    .plan.company .plan-right{
        padding-bottom: 20px;
    }
    .impel .impel2 .second-detail{
        margin-top: 0;
    }
    .plan.impel .impel2 .second-detail .detail-view,
    .plan.impel .no-title .second-detail,
    .plan.impel .no-title .second-detail .detail-view{
        margin-top: 0;
    }

    .welfare.plan .plan-right .right-banner,
    .plan.company .plan-right .right-banner,
    .plan.impel .plan-right .right-banner{
        width: 90vw;
    }
    .plan .container-title .img-cont img{
        height: 20px;
    }
    .plan .right-banner{
        box-shadow: none;
    }
    .plan .plan-right .right-banner img{
        width: 100%;
    }
    .plan .right-banner .slidesjs-container{
        -webkit-box-shadow: 0px 4px 16px 0px rgba(26, 28, 36, 0.1);
    box-shadow: 0px 4px 16px 0px rgba(26, 28, 36, 0.1);
    }
    .plan .right-banner .slidesjs-pagination{
        display: block;
    }
    .plan .right-banner .slidesjs-navigation{
        display: block;
    }
    .plan .right-banner .slidesjs-pagination{
        bottom: 0;
    }
    .plan .right-banner .slidesjs-navigation.slidesjs-previous{
        left: 10px;
    }
    .plan .right-banner .slidesjs-navigation.slidesjs-next{
        right: 10px;
    }
    .plan .plan-list__cont{
        padding: 0 20px;
        margin-top: 35px;
    }
    .plan .plan-list{
        width: 100%;
    }
    .plan .plan-list.three .plan-item,.plan .plan-list.double .plan-item{
        width: 100%;
        height: auto;
    }
    .plan .plan-item{
        padding-bottom: 16px;
    }
    .plan .plan-list.double{
        width: 100%;
    }
    .plan .plan-list.three .plan-item + .plan-item,
    .plan .plan-list.double .plan-item + .plan-item{
        margin-left: 0;
        margin-top: 15px;
    }
    .plan .plan-item .plan-desc__cont{
        padding-left: 15px;
        padding-top: 16px;
    }
    .plan .plan-item .item-title{
        text-align: center;
    }
    .plan .plan-list.three .plan-item .item-icon,
    .plan .plan-list.double .plan-item .item-icon{
        left: auto;
        right: 11px;
        top: 8px;
    }
    .plan .plan-item .item-icon{
        height: 36px;
    }
    .plan .plan-list.double .plan-item .item-icon{
        height: 36px;
    }
    .plan .plan-item .plan-tag{
        width: 73px;
        height: 46px;
        top: 7px;
        left: -19px;
        background-image:url('../img/rec2/plan/m-tag.png');
    }
    .view-bg-second{
        background: transparent;
    }
    .home-plan .container{
        width: calc(100vw - 20px);
    }
    .home .home-plan-item .item-desc__cont .text-show{
        top: 14px;
        left: 12px;
    }
    .plan .plan-item .plan-tag img{
        height: 18px;
        top: 8px;
        left: 25px;
    }
    .plan .plan-item .item-desc + .item-desc{
        margin-top: 8px;
    }
    .home .home-plan-item{
        width: calc((100vw - 32px) / 2);
        height: auto;
        min-height: 175px;
        margin-right: 12px;
        margin-bottom: 12px;
        padding: 0;
        overflow: hidden;
        border-radius: 10px;
        padding-bottom: 50px;
    }
    .home .plan-btn{
        background: #fff;
        color: rgba(0, 136, 254, 1);
        border:1px solid rgba(0, 136, 254, 1);
        border-radius: 30px;
        font-size: 12px;
    }
    .home .home-plan-item:after{
        display: none;
    }
    .home .home-plan-item:nth-child(3n){
        margin-right: 12px;
    }
    .home .home-plan-item:nth-child(even){
        margin-right: 0;
    }
    .home .home-plan-item .item-title{
        height: 30px;
        line-height: 30px;
        text-align: center;
        background: rgba(0, 136, 254, .8);
        color: #fff;
        font-size: 13px;
    }
    .home .home-plan-item .item-detail{
        margin-top: 0;
        border: none;
    }
    .banner-bg img{
        width: 100%;
        height: 100%;
    }
    .banner-bg img.left-center.home-banner{
        height: 100%;
        width: auto;
    }
    .home .banner-cont-m{
        position: relative;
        height: calc(70vw);
        overflow: hidden;
    }

    .banner-bg a{
        display: block;
    }
    .banner-bg .banner-msg{
        width: 100%;
        padding: 0 20px;
        padding-top: 15vw;
        padding-bottom: 20px;
        text-align: center;
        position: relative;
        z-index: 8;
        top: 0;
        display: flex;
    flex-flow: column;
    justify-content: space-around;
    height: 90%;
    }
    .plan.about .banner-bg .banner-msg{
        top: 0;
    }
    .plan .banner-bg .banner-msg{
        top: 0;
    }
    .banner-msg .msg-title{
        font-size: 25px;
    }
    .banner-msg .msg-title__second{
        font-size: 20px;
    }
    .banner-msg.programme .msg-title__second{
        font-size: 22px;
        margin-top: 0px;
    }
    .banner-msg.programme .msg-programme{
        font-size: 20px;
    }
    .plan .banner-msg .msg-title__second{
        font-size: 20px;
        text-shadow: 5px 2px 6px rgba(47, 84, 171, 0.5);
    }
    .banner .banner-msg .btn-cont .default-btn:hover{
        background: #fff;
    }
    .plan .banner-msg .msg-desc{
        font-size: 17px;
        margin-top: 14px;
    }
    .banner-bg .banner-msg__cont{
        width: 100%;
        /* height: 120px; */
    }
    .banner .banner-msg .btn-cont{
        margin-top: 15px;
    }
    .banner .banner-msg .btn-cont .default-btn{
        display: inline-block;
        background: transparent;
    }
    .banner-msg.programme .msg-desc{
        font-size: 18px;
        margin-top: 10px;
        line-height: 26px;
    }
    .banner .banner-msg.programme>.default-btn{
        border-radius: 30px;
        background: rgba(255, 255, 255, 0.9);
        color: rgba(63, 114, 204, 1);
        padding: 4px 12px;
        font-size: 17px;
        border: none;
        width: 150px;
        margin: 0 auto 0;
        /* position: absolute;
        bottom: 20px;
        transform: translateX(-50%);
        left: 50%; */

    }
    .banner-msg .msg-desc{
        width: 100%;
        margin-top: 14px;
        font-size: 12px;
        line-height: 20px;
        text-align: left;
    }
    .home .rec-list{
        margin-top: 30px;
    }
    .home .rec-item{
        float: left;
        width: calc((100vw - 60px) / 2);
        margin-right: 20px;
        margin-bottom: 23px;
        position: relative;
    }
    .home .rec-item .item-btn__cont{
        padding-left: 30px;
    }
    .home .rec-item .item-btn{
        display: inline-block;
        width: 98px;
        height: 27px;
        line-height: 27px;
        background: rgba(102,178,255,1);
        border-radius: 25px;
        position: relative;
        text-align: center;
        color: #fff;
        font-size: 13px;   
    }
    .home .rec-item .item-btn:after{
        content: ' ';
        display: block;
        position: absolute;
        top: 11px;
        left: 8px;
        width: 5px;
        height: 5px;
        border-radius: 50%;
        background: #fff;
    }
    .home .rec-item .item-line{
        position: absolute;
        left: -15px;
        right: 0;
        top: 40px;
        height: 2px;
        background:linear-gradient(-90deg,rgba(59,156,255,1),rgba(242,249,255,1));
    }
    .home .rec-item .item-line:after{
        content: ' ';
        display: block;
        position: absolute;
        top: -4.5px;
        right: 0;
        width: 9px;
        height: 9px;
        background: #fff;
        border-radius: 50%;
        border: 2px solid rgba(59,156,255,1);
    }
    .home .rec-item:nth-child(even){
        margin-right: 0;
    }
    .home .rec-item:nth-child(even) .item-line{
        left: 0;
        right: -15px;
        background:linear-gradient(-90deg,rgba(242,249,255,1),rgba(59,156,255,1));
    }
    .home .rec-item:nth-child(even) .item-line:after{
        right: auto;
        left: 0;
    }
    .home .home-plan-item .item-desc{
        font-size: 12px;
        line-height: 19px;
        padding: 0 12px;
        position: relative;
        top: 0;
        -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    padding-top: 14px;
    }
    .home .home-plan-item .item-desc__cont{
        height: auto;
    }
    .home .home-plan-item .item-detail .text-center{
        position: absolute;
        width: 100%;
        bottom: 10px;
        left: 0;
    }
    .home .rec-item .item-detail{
        margin: 0 auto;
        margin-top: 31px;
        box-shadow:0px 0px 9px 0px rgba(23,103,186,0.11);
        border-radius:4px;
        background: #fff;
        width: 35.33vw;
        min-width: 137px;
        padding: 10px;
        min-width: 140px;
    }
    .home .rec-item .item-detail p{
        font-size: 13px;
        color:rgba(54,128,204,1);
    }
    .home .rec-item .item-detail p+p{
        margin-top: 10px;
    }
    .home .rec-item .item-detail span+span{
        margin-left: 15px;
    }
    .home .rec-item .item-detail em+em{
        margin-left: 5px;
    }
    .home .rec-item .item-detail img{
        width: 100%;
    }
    .slidesjs-container{
        min-height: auto;
    }
    .slidesjs-navigation{
        display: none;
    }
    .slidesjs-pagination{
        display: none;
        bottom: 3vw;
    }
    .slidesjs-pagination li a.active{
        background: #062066;
    }
    .slidesjs-pagination li a{
        background: #fff;
    }
    body {
        min-width: 0;
        width: 100vw;
        padding-bottom: 40px;
    }
    .m-hide{
        display: none;
    }
    .banner-main,
    .new-dynamic {
        display: none
    }
    .head-logo{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .client-wrap{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .head .logo{
        height: 20px;
        height: 5vw;
        max-height: 20px;
    }
    .client-logo{
        height: 5vw;
        max-height: 20px;
    }
    .head .nav-btn{
        width: 20px;
        text-align: center;
    }
    .head.head-content .shrink-img.logo{
        display: block;
    }
    .head.head-content .open-img-fixed{
        display: block;
    }
    .head.head-content .shrink-img{
        display: none;
    }
    .head.nav-show.head-content .open-img-fixed{
        display: none;
    }
    .head.head-content .head-title{
        color: #0088fe;
    }
    .head .head-title{
        font-size: 17px;
    }
    .container {
        width: calc(100vw - 40px)
    }
    .container-title h2{
        font-size:18px;
    }
    .container-title .container-title__bg{
        font-size: 42px;
        top: -33px;
    }
    .container-title .container-title__desc{
        font-size: 13px;
        margin-top: 6px;
    }
    .home .tab-cont {
        position: relative;
        padding: 0 10px;
        background: -webkit-gradient(linear, left top, right top, from(#f2f9ff), color-stop(#fff), color-stop(#fff), color-stop(#fff), to(#f2f9ff));
        background: -webkit-linear-gradient(left, #f2f9ff, #fff, #fff, #fff, #f2f9ff);
        background: -o-linear-gradient(left, #f2f9ff, #fff, #fff, #fff, #f2f9ff);
        background: linear-gradient(90deg, #f2f9ff, #fff, #fff, #fff, #f2f9ff)
    }
    .head .container{
        width: 100%;
        padding: 10px 20px;
    }
    .home .m-btn__right {
        display: block;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        right: -10px;
        height: 23px;
        cursor: pointer
    }
    .home .m-btn__right img {
        width: 9.5px;
    }

    .home .tab {
        width: 100%;
        overflow: auto;
        padding: 13px 0;
        margin-top: 18.5px
    }

    .home .tab::-webkit-scrollbar {
        display: none
    }

    .home .tab-item {
        font-size: 13px;
        padding-bottom: 0
    }
    .home .tab-item.active:after{
        width: 55px;
        bottom: -12px;
    }
    .home .tab-list {
        width: 750px;
        padding: 0 32px
    }

    .home .tab-list:after {
        display: none
    }

    .home .introduce-detail {
        width: 100%;
        margin-top: 24px;
        overflow: hidden;
        position: relative;
    }
    .home .introduce-detail .project-list{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        /*width: 100vw;*/
    }

    .home .introduce-detail .inner {
        display: block;
        width: 100vw;
        padding-bottom: 20px;
        margin: 0 auto;
    }

    .home .introduce-detail .inner-img {
        width: 76vw;
        text-align: center;
        margin: 0 auto
    }
    .home .introduce-detail .inner-img img{
        width: 60vw;
    }

    .home .introduce-detail .inner-detail {
        width: 100%;
        margin: 0 auto;
    }

    .home .introduce-detail .detail-title {
        margin-top: 25px;
        font-size: 15px;
        text-align: center
    }

    .home .introduce-detail .detail-desc {
        margin-top: 12px;
        font-size: 13px;
        line-height: 20px;
    }

    .home .introduce-detail .detail-btn {
        margin-top: 20px;

    }
    .home .introduce-detail .detail-btn .btn{
        font-size: 13px;
    }

    .home .serve {
        margin-top: 30px;
    }
    .home .serve-item__title{
        font-size: 13px;
    }
    .home .serve-list {
        margin-top: 10px;
        display: block
    }
    .home .serve-item__desc{
        font-size: 12px;
        line-height: 18px;
    }
    .home .serve-item {
        display: inline-block;
        width: calc((100vw - 68px)/2);
        background-color: #fff;
        -webkit-box-shadow: 0 4px 15px 0 rgba(37, 73, 103, .1);
        box-shadow: 0 4px 15px 0 rgba(37, 73, 103, .1);
        border-radius: 8px;
        margin-top: 20px;
        padding-top: 15px;
    }

    .home .serve-item+.serve-item {
        margin-left: 0
    }

    .home .serve-item:nth-child(2n) {
        margin-left: 20px
    }

    .home .serve-item__img {
        left: 17%;
        height: auto;
        width: 70%;
    }

    .home .serve-item__img img {
        width: 100%;
        height: auto;
        left: 0;
    }

    .home .serve-list__cont {
        padding-bottom: 15px
    }

    .home .case .container {
        margin-top: 20px
    }

    .case-view .case-lists {
        display: block
    }

    .case-view .case-lists+.case-lists {
        margin-top: 0
    }

    .case-view .case-items {
        height: 25vw;
        display: inline-block;
        width: calc((100vw - 65px)/2);
        background-color: #fff;
        -webkit-box-shadow: 0 3px 16px 0 rgba(16, 41, 62, .15);
        box-shadow: 0 3px 16px 0 rgba(16, 41, 62, .15);
        border-radius: 8px;
        margin-top: 20px
    }

    .case-view .case-items:nth-child(2n) {
        margin-left: 20px
    }

    .home .introduce {
        margin-top: 20px
    }

    .home .product-video {
        -webkit-box-shadow: 0 0 12px 0 rgba(23, 49, 110, .16);
        box-shadow: 0 0 12px 0 rgba(23, 49, 110, .16);
        border-radius: 6px;
        margin-top: 50px;
        padding: 15px
    }

    .home .product-video .banner-video {
        width: auto;
        height: auto;
        background: rgba(0, 0, 0, 0);
        padding: 0
    }
    .home .banner-video .video-mask{
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
    }
    .home .product-video .product-title {
        font-size: 16px;
        color: #333;
        margin-bottom: 10px
    }
    .home .create{
        display: none;
    }
    .view-bg {
        background: none;
        padding: 0;
        margin: 0
    }

    .m-view-bg {
        padding-top: 25px;
        padding-bottom: 30px;
        background: #F9F9F9;
    }
    .us-title{
        font-size: 15px;
    }
    .us-title span:before{
        bottom: 0;
        top: auto;
    }
    .us .container {
        display: block
    }

    .us .container:after {
        content: " ";
        display: block;
        clear: both
    }

    .us-introduce {
        width: 100%;
        margin: 0 auto
    }

    .us-contact,
    .us-introduce__detail {
        margin-top: 10px;
        font-size: 12px;
        line-height: 19px;
    }

    .us-contact {
        vertical-align: middle;
        position: relative;
        margin-left: 0;
        margin-top: 30px;
        text-align: center
    }

    .us-contact .contact-list {
        margin-top: 10px
    }

    .us-contact .contact-item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .us-contact .contact-item__desc {
        margin-top: 0;
        margin-left: 10px
    }

    .us-code {
        display: block;
        vertical-align: middle;
        margin-left: 0;
        text-align: center
    }
    
    .us-code {
        margin-top: 20px
    }
    .us-code img {
        margin-top: 10px
    }
    .us-code .code-desc{
        font-size: 13px;
        line-height:21px;
    }
    .link {
        margin-top: 30px
    }

    .link .container:before {
        width: 100%;
        top: -10px;
    }

    .link .link-title {
        display: block;
        font-size: 13px;
        margin-bottom: 6px
    }

    .link .link-item {
        margin-left: 0;
        font-size: 12px;
    }

    .link .link-item+.link-item {
        margin-left: 20px
    }

    .foot {
        margin-top: 10px;
        height: auto;
        line-height: normal;
        padding: 10px 0
    }

    .foot span {
        display: block
    }

    .foot span+span {
        margin-top: 5px
    }

    .pc-banner {
        display: none
    }

    .m-banner {
        display: block
    }

    .product .banner-video {
        background: none
    }

    .product .product-item .container {
        width: calc(100vw - 40px);
        display: table
    }

    .product .product-item .detail-title {
        margin-top: 10px;
        font-size: 17px;
    }
    .product .product-item:nth-child(odd) .detail-title:before{
        width: 25px;
        height: 25px;
        left: -13px;
    }
    .product .product-item .item-detail {
        display: table-header-group;
        text-align: center
    }

    .product .product-item .detail-desc {
        margin-top: 30px;
        font-size: 12px;
        line-height:20px;
    }

    .product .product-item .detail-btn {
        margin-top: 20px;
        padding-bottom: 20px;
        font-size: 14px;
    }

    .product .product-item .img-cont {
        display: table-row-group
    }

    .product .product-item .item-img {
        width: calc(100vw - 80px);
        margin: 0 auto;
        margin-top: 20px;
        padding: 20px 11vw 11vw 20px
    }

    .product .product-item .item-img img {
        width: 100%
    }

    .product .product-item .item-img .item-badge {
        top: 76px;
        right: 0;
        left: auto
    }

    .product .product-item:nth-child(2n) {
        margin-top: 10px;
        padding-top: 67px;
        padding-bottom: 48px;
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAu4AAASkBAMAAADOIJLJAAAAD1BMVEXm9P9HcEzl8//m9P/y+f98r7WWAAAABHRSTlODAE0nrKL7bAAACbxJREFUeNrs2m1ymlAUgGHm7sBxA3dgBXC30P2vqWjapDVGBe4H6vOmPzqZmjoPxyMEu4MqdjymjzoWdcBTGvp/4l5BvP8e97LmU3897vXNuRdE72/HvQE69zbo3HN3c6dzLzTqj6JzbzHq3HOq98viXu+9lHuztc69qTr3Nurc676bcm+rzn3Diul77s+z2Lm3WjHc26wY7m1WDPc2K4Z7q2Hn3mbYubcZ9pmde9XTmI9ix/3xppzs3BvsGO71d8wfdu4Ndgz3NjumiPv4+dn6lKbzn4/GcbRj8rufme//z8Mw/7vje14rxS6n+5jSimd28h/fa7V3XS73hyb8ZvvHn0oM+3r3Y8r28ptHf7/4ZYZ9nfsxZXvtfeHv0v5YSn2xewnz3dpPZVbMz+7jx6nfMFz8hHB6RAwhFLNP6R2G/cL9xD0seXyRIzDsgj7bDY7uhvsMPk2LXyqfxfhy9KmsetfdmvD7j/5PP/PGef5hvzWtmdBL2Lea+grq99xjt7yc9sP4rCvmnlxm9L/vt0+7b1LhvX7Xfb36H/tnHPpjlVm/4d7lKD7Z0GdZ7PGxgS2nnnfqy1/LZlEPj8LkXzCl5Muumzyfeny8wupZ6cvJ51APi0xKLZhS62an6ovHtfSsP36B1kp+u3qMWziKqu9WfvPvtWPchFFcfZfyqeI76TWKKuo55XPcIzmmRuafEF3Fst4kGVstmJCBoatb3lslw6o7VJtGPWQZv9hVL/9NqmWTv37UYwOtnS6br6aH9Neih+4lKvephOHGBwHX7ZcXIS+2bb75p03o8dm3Siv6r/2z5DOcIYTu9asifwkZ5q8488YYzn9/z2JZ9Nip9tiDrXsz/AVOtZ9w5yCvro88g350rt148899OwjxhI1bkiRJkiRJkiRJkiRJkiRJkiRJkiRJkqQK/VKLuHPnLu7cxZ27uHMXd+7izp27uHMXd+7izl3cuYs7d+7izl3cuYs7d3HnLu7cxZ07d3HnLu7cxZ27uHMXd+7cxZ27uHMXd+7izl3cuXMXd+7izl3cuYs7d3HnLu7cuYs7d3HnLu7cxZ27uHPnLu7cxZ27uHMXd+7izp27uHMXd+7izl3cuYs7d3Hnzl3cuYs7d3HnLu7cxZ07d3HnLu7cxZ27uHMXd+7izp27uHMXd+7izl3cuYs7d+7izl3cuYs7d3HnLu7cuYs7d3HnLu7cxZ27uHMXd+7cxZ27uHMXd+7izl3cuXMXd+7izl3cuYs7d3Hnzl3cuYs7d3HnLu7cxZ27uHPnLu7cxZ27uHMXd+7izp27uHMXd+7izl3cuYs7d+7izl3cuYs7d3HnLu7cxZ07d3HnLu7cxZ27uHMXd+7cxZ27uHMXd+7izl3cuYs7d+7izl3cuYs7d3HnLu7cuYs7d3HnLu7cxZ27uHPnLu7cxZ27uHMXd+7izl3cuXMXd+7izl3cuYs7d3Hnzl3cuYs7d3HnLu7cxZ07d3HnLu7cxZ27uHMXd+7izp27uHMXd+7izl3cuYs7d+7izl3cuYs7d3HnLu7cuYs7d3HnLu7cxZ27uHMXd+7cxZ27uHMXd+7izl3cuXMXd+7izl3cuYs7d3HnLu7cuYs7d3HnLu7cxZ27uHPnLu7cxZ27uHMXd+7izp27uHMXd+7izl3cuYs7d3Hnzl3cuYs7d3HnLu7cxZ07d3HnLu7cxZ27uHMXd+7cxZ27uHMXd+7izl3cuYs7d+7izl3cuYs7d3HnLu7cuYs7d3HnLu7cxZ27uHPnLu7cxZ27uHMXd+7izl3cuXMXd+7izl3cuYs7d3Hnzl3cuYs7d3HnLu7cxZ27uHPnLu7cxZ27uHMXd+7izp27uHMXd+7izl3cuYs7d+7izl3cuYs7d3HnLu7cxZ07d3HnLu7cxZ27uHMXd+7cxZ27uHMXd+7izl3cuXMXd+7izl3cuYs7d3HnLu7cuYs7d3HnLu7cxZ27uHPnLu7cxZ27uHMXd+7izp27uHMXd+7izl3cuYs7d3Hnzl3cuYs7d3HnLu7cxZ07d3HnLu7cxZ27uHMXd+7izp27uHMXd+7izl3cuYs7d+7izl3cuYs7d3HnLu7cuYs7d3HnLu7cxZ27uHMXd+7cxZ27uHMXd+7izl3cuXMXd+7izl3cuYs7d3Hnzl3cuYs7d3HnLu7cxZ27uHPnLu7cxZ27uHMXd+7izp27uHMXd+7izl3cuYs7d+7izl3cuYs7d3HnLu7cxZ07d3HnLu7cxZ27uHMXd+7cxZ27uHMXd+7izl3cuYs7d+7izl3cuYs7d3HnLu7cuYs7d3HnLu7cxZ27uHPnLu7cxZ27uHMXd+7izl3cuXMXd+7izl3cuYs7d3Hnzl3cuYs7d3HnLu7cxZ07d3HnLu7cxZ27uHMXd+7izp27uHMXd+7izl3cuYs7d+7izl3cuYs7d3HnLu7cuYs7d3HnLu7cxZ27uHMXd+7cxZ27uHMXd+7izl3cuXMXd+7izl3cuYs7d3HnLu7cuYs7d3HnLu7cxZ27uHPnLu7cxZ27uHMXd+7izp27uHMXd+7izl3cuYs7d3Hnzl3cuYs7d3HnLu7cxZ07d3HnLu7cxZ27uHMXd+7cxZ27uHMXd+7izl3cuYs7d+7izl3cuYs7d3HnLu7cuYs7d3HnLu7cxZ27uHPnLu7cxZ27uHMXd+7izl3cuXMXd+7izl3cueshd0mSJEmSJEmSJEk7LnQxxv4yLqW6gs295HyH0N+PU60J516CvF8Yss1rpV8TuOrk3NuQc29kzr38++f1hoSytnnfp/FwwFnX/Ix+KOR+/pXEfBVx5dnO3zwV3tL8L3pO9xjXPb/5svo9zP9Bz+Eecz21+cC94HnLVfQt7jHnKPzH/3KDPlyir3PPOgc/rp+W6H1W9MO1Fs/ANE19rcLTm4+HH/pxiYSLn3B52I6HMZ0qfRhq7p28G/13efZ2wyAMQwE0ygZRFqjwBLH33608RIDyaADfJAh/9LNUx7fGBHEHtbys3Wza4RcMTfBtBx4e/E828+i++4okxTyXP9TeapqHBClzZTgl8PNzZo7edDkRU6NtPhUo+ZXeR0+SGYz5GHxI7tVib3NOlkN3EqddEHsNeh1yf03FYIK+Gjlc18CxCuK3ImpwQa8397cuyTfFZ+4CR4/2gtlzLH57oXZbCWoTwTS46ZIXfzhUVk96x63oHd1dmYJM/FkDNt6tpCe9t0Zol3dHJ3+HUkiIhYgaprEkVgjZ/vtF3aEPt2dOS/KXqeR3dCc7AH6q0bwm92nyaPFfeYp8rftY/dk+l1yw3+n+04H2TvgPm9EbyMvcV33wLnQl/Wfw7pn1BTTx1LryLb88AAAAAElFTkSuQmCC) no-repeat;
        background-size: 100% 100%
    }

    
    
    .research .system-detail {
        margin-top: 30px
    }

    .research .mechanism-list {
        margin-top: 0;
        display: block
    }

    .research .mechanism-list .item-title {
        width: 100%;
        height: 20vw;
        line-height: 20vw;
        font-size: 16px;
    }

    .research .mechanism-list .item-desc {
        width: 36vw;
        height: 7.8vw;
        line-height: 7.8vw;
        margin-left: 7.5vw;
        margin-top: 5.5vw;
        font-size: 12px;
    }

    .research .mechanism-list .item-desc.desc2 {
        margin-top: 3.7vw
    }

    .research .mechanism-item {
        width: calc((100vw - 60px)/2);
        height: 45vw;
        display: inline-block;
        margin-top: 30px
    }

    .research .mechanism-item:nth-child(2n) {
        margin-left: 20px
    }

    .research .team-detail {
        margin-top: 20px
    }

    .research .expert-item {
        display: table;
        text-align: center;
        width: 100%
    }

    .research .expert-img {
        display: table-header-group;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .research .expert-img img {
        -webkit-box-shadow: 0 2px 10px 0 rgba(33, 23, 20, .15);
        box-shadow: 0 2px 10px 0 rgba(33, 23, 20, .15)
    }

    .research .detail-cont {
        display: table-row-group
    }
    .research .expert-title{
        font-size: 19px;
        top: -16px;
    }
    .research .expert-second__title{
        font-size:17px;
    }
    .research .expert-detail {
        width: auto;
        height: auto;
        text-align: left;
        margin-left: 20px;
        margin-right: 20px;
        padding: 20px 22.4px;
    }

    .research .expert-desc {
        text-align: left;
        margin-top: 20px;
        font-size: 14px;
        line-height: 22px;
    }
    .content .content-title{
        font-size: 15px;
    }
    .content .content-desc{
        margin-top: 10px;
        font-size: 12px;
    }
    .content .foot-item .foot-item__btn{
        width: 25px;
        height: 22px;
        background-size: 22px 100%;
    }
    .content .foot-item:hover .foot-item__btn {
        background-size: 25px 100%;
    }
    .content .foot-item span {
        margin-left: 5px;
    }
    .content .content-foot{
        margin-top: 15px;
        font-size: 12px;
    }
    .research .team-list {
        width: auto;
        margin-top: 20px;
        display: block
    }
    .research .team-title{
        font-size: 15px;
    }
    .research .team-item {
        width: 100%
    }

    .research .team-item+.team-item {
        margin-top: 30px
    }

    .research .axis-line {
        position: absolute;
        top: 0;
        left: 0;
        padding-left: 30px;
        text-align: left;
        height: 100%
    }

    .research .axis-line img {
        height: 100%
    }

    .research .axis-detail {
        margin-top: 10px
    }

    .research .axis-list {
        position: relative
    }

    .research .axis-item {
        display: inline-block;
        width: calc(100% - 40px)
    }

    .research .axis-item.item-left,
    .research .axis-item.item-right {
        -webkit-transform: translateX(32px);
        -ms-transform: translateX(32px);
        transform: translateX(32px)
    }

    .research .axis-item.item-left {
        padding-left: 24px;
        padding-right: 0
    }

    .research .axis-item.item-left:before {
        right: none;
        left: -12px
    }

    .research .axis-item.item-left:hover:before {
        left: -20.4px
    }

    .research .axis-item.item-left span {
        padding-left: 0px;
        padding-right: 0
    }

    .pc-show {
        display: none
    }

    .m-show {
        display: block
    }
    .home .introduce-detail #innerItem1{
        display: block;
    }
    .research .expert-item:after{
        // display: none;
        width: 83.6vw;
        height: 105.73vw;
    }
    .research .expert-item:nth-child(odd):after{
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
        top: auto;
        bottom: 0;
    }
    .research .expert-item:nth-child(2n):after{
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        top: auto;
        bottom: 0;
    }
    .product .product-item:nth-child(odd) .detail-desc:after{
        left: 25%;
        width: 160px;
        height: 160px;
        top: -40px;
    }
    .product .product-item:nth-child(odd) .detail-desc:before{
        left: 55%;
    }
    .title-circle:before{
        width: 23px;
        height: 23px;
        left: -15px;
    }
    .title-circle:after{
        width: 12px;
        height: 12px;
        right: -5px;
    }
    .research .team-desc{
        font-size: 12px;
        line-height: 18px;
        margin-top: 10px;
    }
    .research .axis-item em{
        font-size:16px;
    }
    .research .axis-item span{
        font-size: 12px;
    }
    .research .axis-item.item-right span{
        padding-left: 0;
    }
    
    #homeBanner{
        display: none!important;
    }
    #homeBannerM{
        display: block!important;
    }
    // .research .expert-item:nth-child(odd):after{
    //     left: 20px;
    // }
}
@media (min-width:700px) and (max-width:960px){
    #homeBannerM{
        max-height: 40vw;
    }
}
@media (min-width:500px) and (max-width:700px){
    #homeBannerM{
        max-height: 50vw;
    }
}
@media screen and (max-width:500px) {
    .research .mechanism-item {
        display: block;
        width: 100%;
        height: 87vw
    }

    .research .mechanism-item .item-title {
        height: 38vw;
        line-height: 38vw
    }

    .research .mechanism-item .item-desc {
        width: 70vw;
        height: 15vw;
        line-height: 15vw;
        margin-top: 11.5vw;
        margin-left: 14.5vw
    }

    .research .mechanism-item .item-desc.desc2 {
        margin-top: 7.3vw
    }

    .research .mechanism-item:nth-child(2n) {
        margin-left: 0
    }
}

.news-title{
    position: relative;
}
.news-title .new-crumb{
   position: absolute;
   right: 0;
   top: -35px;
   font-size: 12px;
   color: #777;
   z-index: 2;
}
.news-title .new-crumb a:hover{
    color: #0088FE;
    cursor: pointer;
}
.introduce .right-cont{
    position: absolute;
    right: 5%;
    top: 2%;
    text-align: center;
}
.introduce .right-cont img{
    width: 32px;
}
.introduce .right-cont p{
    width: 14px;
    margin: 0 auto;
    margin-top: 15px;
    color: #0088FE;
    font-size: 12px;
}
.free-container{
  width: 920px;
  min-height: 560px;
  background:linear-gradient(144deg,rgba(205,238,252,0.61),rgba(204,207,255,0.61));
  position: relative;
}
.free-bg{
    background: url('../img/free-bg.png') no-repeat;
    background-size: 100%;
}
/*.free-container:after{
    content: ' ';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(144deg,rgba(205,238,252,0.61),rgba(204,207,255,0.61));
}*/
.free-container .free-close{
  width: 32px;
  height: 32px;
  background: url('../img/icon-close.png') no-repeat;
  background-size: 100%;
  cursor: pointer;
  position: absolute;
  top: 15px;
  right: 15px;
}
.free-page{
  width: 340px;
  /*position: absolute;
  right: 97px;*/
  float: right;
  margin-right: 97px;
  padding-top: 30px;
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  position: relative;
  z-index: 1;
}
.free-page .page-title{
  color: #0088FE;
  margin-bottom: 20px;
  font-size: 26px;
  font-weight: 500;
}
/*.free-page:after,.free-page:before,.free-form:after,.free-form:before{
  content: ' ';
  position: absolute;
  border-radius: 50%;
  background: rgba(0,136,254,0.04);
}
.free-page:after,.free-page:before{
  width: 238px;
  height: 238px;
}
.free-page:after{
  right: -35px;
  bottom: -30px;
}
.free-page:before{
  right: -97px;
  bottom: -82px;
}
.free-form:after,.free-form:before{
  width: 190px;
  height: 190px;
}
.free-form:after{
  right: -115px;
  top: 40px;
}
.free-form:before{
  left: -97px;
  top: -90px;
}*/
.free-form{
  /*padding: 0 40px;*/
  padding-bottom: 30px;
  position: relative;
}
.form-item+.form-item{
  margin-top: 15px;
}
.free-form .item-cont{
  display: block;
  box-shadow:0px 2px 15px 0px rgba(0, 0, 0, 0.1);
  border-radius:21px;
  background: #fff;
  position: relative;
  z-index: 2;
}
.free-form label.item-cont{
  height: 42px;
  line-height: 42px;
  font-size: 0;
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
}
.free-form .form-title{
  display: inline-block;
  width: 66px;
  font-size: 15px;
  color: #333;
  padding-left: 14px;
  position: relative;
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  vertical-align: middle;
  font-weight:500;
}
.free-form .form-title:after{
  content: ' ';
  position: absolute;
  width: 1px;
  height: 14px;
  right: 0;
  top: 15px;
  background:rgba(221,221,221,1);
}
.free-form .form-title em{
  color: #CD2D1E;
}
.free-form .form-input{
  width: calc(100% - 66px - 30px);
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  padding-left: 15px;
  vertical-align: middle;
  caret-color: #0088FE;
}
.free-form .form-state{
  display: inline-block;
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-size: 100%;
  vertical-align: middle;
  transition: all .2s ease 0s;
  -webkit-transition: all .2s ease 0s;
  -moz-transition: all .2s ease 0s;
  -o-transition: all .2s ease 0s;
  opacity: 0;
}
.free-form .form-state.suc{
  opacity: 1;
  background-image: url(../img/icon-suc.png);
}
.free-form .form-state.err{
  opacity: 1;
  background-image: url(../img/icon-err.png);
}
.free-form .form-error{
  padding-left: 13px;
  font-size: 12px;
  color: #CD2D1E;
  height: 0;
  opacity: 0;
  overflow: hidden;
  transition: all .2s ease 0s;
  -webkit-transition: all .2s ease 0s;
  -moz-transition: all .2s ease 0s;
  -o-transition: all .2s ease 0s;
  position: relative;
  top: 5px;
}
.free-form .form-error.show{
  height: 16px;
  opacity: 1;
}
.free-form .form-error.grid{
  color: #888888;
}
.free-form .check-cont{
  padding: 16px 14px;
  padding-right: 0;
}
.free-form .check-title{
  font-size: 15px;
  font-weight:500;
  color: #333333;
  /*margin-bottom: 10px;*/
}
.free-form .check-title em{
  color: #CD2D1E;
}
.free-form .check-list{
  /*-webkit-column-count: 3;
  -webkit-column-gap: 0;
  -moz-column-count: 3;
  -moz-column-gap: 0;*/
  /*display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;*/
}
.free-form .check-item{
  float: left;
  margin-right: 39px;
  color: #666;
  margin-top: 10px;
  width: 72px;
  position: relative;
}
.free-form .check-item label{
  padding-left: 15px;
}
.free-form .check-input{
  vertical-align: middle;
  margin: 0;
  border: 1px solid rgba(170,170,170,1);
  -webkit-appearance:none;
  width: 11px;
  height: 11px;
  position: absolute;
  left: 0;
  top: 7.2px;
}
.free-form .check-input:checked{
  background: url('../img/icon-check.png') no-repeat;
  width: 17px;
  height: 15px;
  background-size: 16px;
  border: none;
  left: -2px;
}
.free-form .check-item .item-title{
  vertical-align: middle;
  color: #666;
  font-size: 14px;
}
.free-form .check-textarea{
  padding-right: 14px;
}
.free-form .check-textarea textarea{
  width: 100%;
  height: 70px;
  border:1px solid rgba(204,204,204,1);
    box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  resize: none;
  padding: 10px;
}
.free-form .check-textarea{
  height: 0;
  opacity: 0;
  overflow: hidden;
  transition: all .2s ease 0s;
  -webkit-transition: all .2s ease 0s;
  -moz-transition: all .2s ease 0s;
  -o-transition: all .2s ease 0s;
}
.free-form .check-textarea.show{
  height: 70px;
  opacity: 1;
  margin-top: 10px;
}
.form-submit{
  margin-top: 30px;
  position: relative;
  z-index: 2;
}
.form-submit .btn{
  width: 100%;
  text-align: center;
  border: none;
  height: 46px;
  border-radius: 37px;
  background-color: #4A90E2;
  font-size: 18px;
  color: #fff;
}
.form-submit .submit-error{
    font-size: 12px;
    color: #CD2D1E;
    position: absolute;
    top: -20px;
    width: 100%;
    text-align: center;
}
.free-suc{
    padding-top: 95px;
    text-align: center;
}
.free-suc .suc-img img{
    width: 268px;
    height: 268px;
    box-shadow:0px 2px 20px 0px rgba(0, 0, 0, 0.15);
}
.free-suc .suc-desc{
    margin-top: 60px;
    font-size: 32px;
    color: #486AF7;
    position: relative;
    left: 10px;
}
.home .rec-system{
    margin-top: 50px;
}
.home .rec-system .img-bg__cont{
    position: relative;
    margin-top: 50px;
}
.home .img-bg__cont img{
    width: 100%;
}
.home .structure .img-bg__cont{
    margin-top: 50px;
}
.home .rec-system .rec-system__desc{
    position: absolute;
    font-size: 19.2px;
    color: #0070D1;
    font-weight: 500;
}
.home .rec-system .rec-system__desc.left-top{
    top: 53px;
    left: 68px;
}
.home .rec-system .rec-system__desc.right-top{
    top: 40px;
    right: 86px;
}
.home .rec-system .rec-system__desc.left-bottom{
    bottom: 168px;
    left: 34px;
}
.home .rec-system .rec-system__desc.right-bottom{
    bottom: 148px;
    right: 38px;
}
.inner-cont{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.space-between{
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.align-center{
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.home .free-exper{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 53.6px;
}
.home .free-exper .free-left{
    width: 292px;
    padding-top: 104px;
}
.home .free-exper .free-detail{
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
    color: #3680CC;
}
.home .free-exper .free-btn{
    margin-top: 46px;
    background:rgba(0,136,254,1);
    border-radius:6px;
    // font-size: 22px;
    color: #fff;
    padding: 10px 26px;
    font-size: 16px;
    // width: 139px;
    // height: 50px;
    // line-height: 50px;
    border: none;
}
.home .free-exper .free-right img{
    width: 587px;
}
@media screen and (max-width:960px) {
    .home .free-exper{
        display: table;
        text-align: center;
        margin-top: 35px;
    }
    .home .free-exper .free-right{
        display: table-header-group;
    }
    .home .free-exper .free-left{
        width: 100%;
        display: table-row-group;
        margin-top: 40px;
        padding-top: 0;
    }
    .free-space{
        height: 47px;
    }
    .home .free-exper .free-right img{
        width: calc(100% - 20px);
    }
    .home .free-exper .free-detail{
        font-size: 13px;
        line-height: 20px;
    }
    .home .free-exper .free-btn{
        margin-top: 25px;
            font-size: 13px;
    }
}

.project .p-cont-title{
    text-align: center;
}
.project .p-cont-title .img-cont{
    text-align: center;
}
.project .cont-desc{
    display: inline-block;
    color: #C9C9C9;
    font-size:15px;
    font-weight:500;
    position: relative;
    margin-top: 16px;
}
.project .cont-desc:before,
.project .cont-desc:after{
    content: ' ';
    width: 40px;
    height: 1px;
    background:rgba(201,201,201,1);
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}
.project .cont-desc:before{
    left: -50px;
}
.project .cont-desc:after{
    right: -50px;
}
.project .system-list{
    margin-top: 55px;
    
}
.project .system-item{
    float: left;
    width: 168px;
    height: 248px;
    box-shadow:0px 0px 18px 0px rgba(29,80,160,0.2);
    border-radius: 6px;
    background: #fff;
    text-align: center;
    padding-top: 28px;
    position: relative;
    line-height: 22px;
}
.project .system-item:after,
.project .system-item:before{
    content: ' ';
    display: block;
    width: 12px;
    height: 31px;
    position: absolute;
    top: -6px;
    background: url(../img/rec/ring.png) no-repeat;
    background-size: 100%;
}
.project .system-item:before{
    left: 33px;
}
.project .system-item:after{
    right: 33px;
}
.project .system-item+.system-item{
    margin-left: 30px;
}
.project .system-item .item-title{
    font-weight:400;
    color:rgba(51,51,51,1);
    font-size: 19px;
    margin-bottom:15px;
}
.project .system-item .item-desc{
    font-weight:400;
    color:rgba(153,153,153,1);
    font-size: 16px;
}
.project .system-item .item-desc+.item-desc{
    margin-top: 10px;
}
.project .system-item .item-desc:last-child{
    margin-top: 0;
}
.project .scene{
    margin-top: 60px;
}
.project .scene-list{
    margin-top: 40px;
}
.project .scene-item{
    float: left;
    font-weight:400;
    color:rgba(102,102,102,1);
    font-size: 18px;
    position: relative;
    cursor: pointer;
}
.project .scene-item+.scene-item{
    margin-left: 38px;
}
.project .scene-item.active{
    color: #0088FE;
}
.project .scene-item.active:after{
    content: ' ';
    width: 32px;
    height: 2px;
    background:rgba(0,136,254,1);
    border-radius:2px;
    position: absolute;
    bottom: -12px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}
.project .scene-detail{
    margin-top: 55px;
}
.project .scene-detail{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
    margin-top: 30px;
}
.project .scene-detail .detail-left{
    padding-top: 144px;
}
.project .scene-detail .detail-desc{
    width: 491px;
    height: 215px;
    background:  url(../img/rec/scene-desc-bg.png) no-repeat;
    background-size: 100%;
    padding: 60px 71px;
    padding-right: 80px;
    color: #333;
    font-size: 17.6px;
    line-height:27px;
    font-weight:500;
    position: relative;
}

.project .scene-detail .detail-btn{
    background:linear-gradient(90deg,rgba(255,181,21,1),rgba(255,150,9,1));
    border-radius:6px;
    font-size: 18px;
    color: #fff;
    font-weight:500;
    border:none;
    padding: 10px 16px;
    display: block;
    margin: 0 auto;
    margin-top: 25px;
    border-radius: 30px;
}
.project .scene-detail .default-btn{
    border-radius: 30px;
}
.project .scene-detail .detail-right{
    margin-left: 80px;
}
.project .scene-detail .detail-right img{
    width: 300px;
    -webkit-box-shadow:0px 4px 18px 0px rgba(21,45,82,0.16);
    box-shadow:0px 4px 18px 0px rgba(21,45,82,0.16);
}
.project .welfare{
    margin-top: 50px;
}
.project .welfare-detail{
    margin-top: 50px;
}
.project .welfare-detail .inner{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.project .welfare-detail .inner-left{
    margin-right: 46px;
}
.project .welfare-detail img{
    width: 270px;
    -webkit-box-shadow: 12px 15px 14px 0px rgba(0, 0, 0, 0.05);
    box-shadow: 12px 15px 14px 0px rgba(0, 0, 0, 0.05);
    border:1px solid rgba(221, 239, 255, 1);
    border-radius:6px;
}
.project .welfare-detail .inner+.inner{
    margin-top: 130px;
}
.project .welfare-detail .inner-desc{
    width: 523px;
    height: 214px;
    padding-right: 80px;
    color: #333;
    font-size: 17.6px;
    line-height:27px;
    font-weight:500;
}
.project .welfare-detail .inner-detail{
    padding-top: 70px;
}
.project .welfare-detail .inner-desc em{
    color: #0088FE;
}
.project .welfare-detail .inner-desc.item1{
    background:  url(../img/rec/welfare-bg1.png) no-repeat;
    background-size: 100%;
    padding: 91px 123px 50px 155px;
}
.project .welfare-detail .inner-desc.item2{
    background:  url(../img/rec/welfare-bg2.png) no-repeat;
    background-size: 100%;
    padding: 57px 115px 75px 116px;
}
.project .value-detail{
    padding-top: 320px;
    text-align: center;
    position: relative;
}
.project .value-bg{
    position: relative;
    left: -50px;
    width: 438px;
}
.project .value-circle{
    padding: 35px;
    background:linear-gradient(152deg,rgba(242,249,255,1),rgba(255,255,255,1));
    box-shadow:4px 12px 16px 0px rgba(59,144,217,0.1);
    border-radius:50%;
    position: absolute;
}
.project .value-circle .circle-desc{
    font-size: 15px;
    color: #777777;
    font-weight:500;
    line-height:27px;
    margin-top: 15px;
    text-align: left;
    text-align: center;
}
.project .value-circle img{
    width: 55px;
}
.project .value-detail .circle1,
.project .value-detail .circle2{
    width: 212px;
    height: 212px;
}
.project .value-detail .circle1{
    top: 147px;
    left: 0;
    padding-left: 25px;
    padding-right: 25px;
}
.project .value-detail .circle2{
    top: 61px;
    left: 253px;
    padding-left: 25px;
    padding-right: 25px;
}
.project .value-detail .circle3{
    width: 256.8px;
    height: 256.8px;
    top: 19px;
    left: 540px;
    padding-left: 25px;
    padding-right: 25px;
}
.project .value-detail .circle4{
    width: 236px;
    height: 236px;
    top: 248px;
    left: 748px;
    padding-left: 25px;
    padding-right: 25px;
}
.project .value-circle-small div{
    background:linear-gradient(122deg,rgba(242,249,255,1),rgba(255,255,255,1));
    box-shadow:6px 6px 16px 0px rgba(59,144,217,0.1);
    border-radius:50%;
    position: absolute;
}
.project .value-circle-small .circle-small1{
    width: 44px;
    height: 44px;
    top: 403px;
    left: 153px;
}
.project .value-circle-small .circle-small2{
    width: 24px;
    height: 24px;
    top: 463px;
    left: 206px;
}
.project .value-circle-small .circle-small3{
    width: 32px;
    height: 32px;
    top: 301px;
    left: 338px;
}
.project .value-circle-small .circle-small4{
    width: 24px;
    height: 24px;
    top: 277px;
    left: 565px;
}
.project .value-circle-small .circle-small5{
    width: 32px;
    height: 32px;
    top: 448px;
    left: 683px;
}
.relative{
    position: relative;
}
.project .value-detail .pc-show{
    display: inline-block;
}
#sceneDetail{
    width: 960px;
    margin: 0 auto;
}
.scene-detail-item{
    width: 815px;
    position: absolute;
    top: 0;
    left: 50%;
    opacity: 0;
    /*-webkit-transition: opacity .6s;
    -o-transition: opacity .6s;
    transition: opacity .6s;*/
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
}
.scene-detail-item.opacity{
    /*display: none;*/
    opacity: 1;
    z-index: 10;

}
.scene-detail-item.opacity-cont{
    position: relative;
    opacity: 0;
    display: block;
}
@media screen and (max-width:960px) {
    .plan .second-cont .step-item+.step-item:before{
        display: none;
    }
    .scene-detail-item.opacity-cont{
        display: none;
    }
    .home .rec-system{
        margin-top: 30px;
    }
    .project .p-cont-title .img-cont img{
        // width: 131px;
        height: 30px;
    }
    .project .p-cont-title .img-cont img.small{
        height: 20px;
    }
    .project .system-list{
        margin-top: 25px;
    }
    .project .scene{
        margin-top: 15px;
    }
    .project .cont-desc{
        font-size: 12px;
        margin-top: 8px;
    }
    .project .cont-desc:before, .project .cont-desc:after{
        width: 30px;
    }
    .project .cont-desc:before{
        left: -38px;
    }
    .project .cont-desc:after {
        right: -38px;
    }
    .project .value-circle .circle-desc{
        text-align: left;
        font-size: 12px;
        line-height: 20px;
    }
    .project .system-item{
        width: calc((100vw - 80px) / 3);
        height: 225px;
        padding-top: 30px;
    }
    .project .system-item + .system-item{
        margin-left: 20px;
    }
    .project .system-item:nth-child(4){
        margin-left: 16vw;
        margin-top: 20px;
    }
    .project .system-item:nth-child(5){
        margin-top: 20px;
    }
    .project .system-item .item-title{
        font-size: 16px;
        margin-bottom: 10px;
    }
    .project .system-item .item-desc{
        font-size: 13px;
    }
    .project .system-item .item-desc+.item-desc{
        margin-top: 5px;
    }
    .project .m-view-bg{
    }
    .project .scene-list__cont{
        
        width: 100%;
        overflow: auto;
        margin-top: 12px;
        padding: 14px 0;
        // padding-right: 23px;
        position: relative;
    }
    .project .scene .container{
        width: 100%;
    }
    .project .scene-item{
        margin-left: 23px;
    }
    .project .scene-list{
        width: 970px;
        white-space: nowrap;
        margin-top: 0;
    }
    .project .scene-item{
        float: none;
        display: inline-block;
        font-size: 13px;
    }
    .project .scene-item.active:after{
        display: none;
    }
    .project .scene .relative{
        background:linear-gradient(90deg,rgba(242,249,255,1),rgba(242,249,255,1),rgba(242,249,255,1));
        // padding: 0 20px;
    }
    .project .scene .relative .m-scene-cont{
        padding-right: 23px;
    }
    .project .scene-arrow{
        width: 9.5px;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        right: 8px;
    }
    .structure{
        margin-top: 50px;
    }
    .home .structure .img-bg__cont{
        margin-top: 30px;
    }
    #sceneDetail{
        width: 100vw;
    }
    .project .scene-detail-item{
        width: 100%;
        padding: 0 20px;
        -webkit-transform: translateX(0); 
    -ms-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
    }
    .project .scene-detail{
        margin-top: 25px;
        display: table;
        width: 100%;
    }
    .project .scene-detail .detail-right{
        display: table-header-group;
        text-align: center;
        margin-left: 0;
    }
    .project .scene-detail .detail-right img{
        width: 50vw;
    }
    .project .scene-detail .detail-left{
        padding-top: 25px;
    }
    .project .scene-detail .detail-desc{
        width: calc( 100vw - 108px);
        height: auto;
        min-height: 20vw;
        margin: 0 auto;
        background: #fff;
         -webkit-box-shadow:0px 0px 9px 0px rgba(29,80,160,0.11);
        box-shadow:0px 0px 9px 0px rgba(29,80,160,0.11);
        border-radius: 4px;
        position: relative;
        padding: 6vw 20px;
        font-size: 13px;
        line-height: 20px;
    }
    .project .scene-detail .detail-desc:before,
    .project .scene-detail .detail-desc:after{
        content: ' ';
        display: block;
        width: 14vw;
        height: 24.6vw;
        position: absolute;
        bottom: 0;
        background-repeat: no-repeat;
        background-size: 100%; 
    }
    .project .scene-detail .detail-desc:before{
        background-image: url(../img/rec/scene-left-m.png);
        left: -8vw; 
    }
    .project .scene-detail .detail-desc:after{
        background-image: url(../img/rec/scene-right-m.png);
        right: -11vw; 
    }
    .project .scene-detail .detail-btn{
        font-size: 15px;
        border-radius: 30px;
        padding: 8px 16px;
    }
    .btn-cont .default-btn{
        font-size: 15px;
        border-radius: 30px;
        padding: 8px 16px;
    }
    .banner .btn-cont .default-btn{
        background: #6B589D;
    }
    .banner .btn-cont{
        bottom: 18%;
        left: 10%;
    }
    .banner .btn-cont .detail-btn, .banner .btn-cont .default-btn{
        height: 35px;
        line-height: 35px;
        padding-top: 0;
        padding-bottom: 0;
    }
    .btn-cont .detail-btn{
        font-size: 15px;
    }
    .project .scene-detail .btn-cont .detail-btn{
        font-size: 15px;
    }
    .project .welfare{
        margin-top: 30px;
    }
    .project .welfare-detail{
        margin-top: 33px;
    }
    .project .welfare-detail .inner{
        display: table;
        width: 100%;
    }
    .project .welfare-detail .inner-img{
        display: table-header-group;
        text-align: center
    }
    .project .welfare-detail .inner-left{
        margin-right: 0;
    }
    .project .welfare-detail .inner-detail{
        padding-top: 0;
        margin-top: 40px;
    }
    .project .welfare-detail .inner-desc.item1{
        background: #fff;
        padding: 6vw 38px;
        position: relative;
        left: 8px;
    }
    .project .welfare-detail .inner-desc.item2{
        background: #fff;
        padding: 6vw 38px;
        position: relative;
    }
    .project .welfare-detail .inner-desc{
        width: calc( 100vw - 128px);
        height: auto;
        min-height: 20vw;
        margin: 0 auto;
        background: #fff;
         -webkit-box-shadow: 0 10px 22px -10px rgba(0, 0, 0, .15);
        box-shadow: 0 10px 22px -10px rgba(0, 0, 0, .15);
        border-radius: 4px;
        position: relative;
        padding: 6vw 38px;
        font-size: 13px;
        line-height: 20px;
    }
    .project .welfare-detail .inner-desc:before,
    .project .welfare-detail .inner-desc:after{
        content: ' ';
        display: block;
        position: absolute;
        bottom: 0;
        background-repeat: no-repeat;
        background-size: 100%; 
    }
    .project .welfare-detail .item1.inner-desc:before{
        width: 32vw;
        height: 23.6vw;
        background-image: url(../img/rec/welfare-item1-left.png);
        left: -15vw;
        bottom: -3px;
    }
    .project .welfare-detail .item1.inner-desc:after{
        width: 16.4vw;
        height: 24.5vw;
        background-image: url(../img/rec/welfare-item1-right.png);
        right: -8vw; 
        bottom: 35px;
    }
    .project .welfare-detail .item2.inner-desc:before{
        width: 14.8vw;
        height: 19.7vw;
        background-image: url(../img/rec/welfare-item2-left.png);
        left: -9vw;
        bottom: 0;
    }
    .project .welfare-detail .item2.inner-desc:after{
        width: 23.3vw;
        height: 20.3vw;
        background-image: url(../img/rec/welfare-item2-right.png);
        right: -11vw; 
        bottom: -5vw;
    }
    .project .welfare-detail .inner + .inner{
        margin-top: 47px;
    }
    .project .value{
        margin-top: 10px;
    }
    .project .value .container{
        width: calc(100vw - 30px);
    }
    .project .value-detail{
        padding-top: 25px;
    }
    .project .value-circle img{
        width: 10vw;
    }
    .project .value-detail .value-circle{
        width: calc((100vw - 45px) / 2);
        height: calc((100vw - 45px) / 2);
        position: relative;
        left: 0;
        top: 0;
        padding-top: 25px;
        float: left
    }
    .project .value-detail .value-circle:nth-child(even){
        margin-left: 15px;
    }
    .project .value-detail .value-circle.circle3{
        margin-top: 25px;
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 20px;
    }
    .project .value-detail .value-circle.circle4{
        margin-top: 25px;
        padding-top: 20px;
    }
    .project .value-detail .circle-cont{
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 80%;
    }
    .project .value-bg.m-show{
        width: 73vw;
        display: block;
        margin: 0 auto;
        margin-top: 55px;
        left: 0;
    }
    .project .value-detail .pc-show{
        display: none;
    }
}

@media screen and (max-width:400px) {
    .project .system-item{
        width: calc((100vw - 60px) / 2);
        height: 223px;
    }
    .project .system-item:nth-child(3){
        margin-top: 20px;
        margin-left: 0;
    }
    .project .system-item:nth-child(4){
        margin-left: 20px;
    }
    .project .system-item:nth-child(5){
        margin-left: 24vw;
    }
    .plan .second-detail .second-user .user-item .inner-cont{
        width: 100%;
        display: block;
    }
    .plan .second-detail .user-item .item-desc{
        width: 100%;
        display: block;
        text-align: center;
    }
}
@media screen and (max-width:300px) {
    .project .value-detail .value-circle{
        width: 65vw;
        height: 65vw;
        position: relative;
        left: 0;
        top: 0;
        display: block;
        float: none;
        margin: 0 auto;
        padding: 0;
    }
    .project .value-detail .value-circle:nth-child(even){
        margin: 0 auto;
    }
    .project .value-detail .value-circle+.value-circle{
        margin-top: 25px;
    }
}
.banner-text__cont{
    background:rgba(86,108,211,0.5);
    border-radius:29px;
    position: absolute;
    left: 22.5vw;
    bottom: 9.64vw;
    height: 42px;
    width: 408px;
}
.banner-text__cont .text-item{
    font-size:20px;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    display: block;
    height: 42px;
    line-height: 42px;
    cursor: pointer;
}
.banner-text__cont .text-item span{
    vertical-align: middle;
    white-space: nowrap;
    display: inline-block;
    width: 310px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.banner-text__cont .icon-chart{
    display: inline-block;
    width: 25px;
    height:25px;
    background: url('../img/rec/icon-chart.png') no-repeat;
    background-size: 100%;
    vertical-align: middle;
    margin-right: 20px;
}
.banner-text__cont .bx-wrapper .bx-viewport{
    background: transparent;
    border: none;
}
.banner-text__contm{
    background:rgba(86,108,211,0.5);
    height: 30px;
    width: 100%;
}
.banner-text__contm .text-itemm{
    font-size:12px;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    display: block;
    height: 30px;
    line-height: 30px;
    cursor: pointer;
}
.banner-text__contm .text-itemm span{
    vertical-align: middle;
    white-space: nowrap;
    display: inline-block;
    max-width: 70%;
    overflow: hidden;
    text-overflow: ellipsis;
}
.banner-text__contm .icon-chart{
    display: inline-block;
    width: 10px;
    height:10px;
    background: url('../img/rec/icon-chart.png') no-repeat;
    background-size: 100%;
    vertical-align: middle;
    margin-right: 10px;
}
.banner-text__contm .bx-wrapper .bx-viewport{
    background: transparent;
    border: none;
}
.home .bx-has-pager{
    display: none;
}
.honour .container{
    width: 960px;
}
.honour .banner{
    padding-top: 70px;
    background: #F3F5FF;
}
.honour-title{
    font-size: 20px;
    color: #333333;
    text-align: center;
    font-weight:bold;
}
.honour-title em{
    color: #566CD3;
}
.honour-desc{
    font-size: 16px;
    color: #333333;
}
.honour-item1{
    margin-top: 120px;
}
.honour-item1 .honour-title{
    text-align: left;
}
.honour-item1 .honour-item1__detail{
    margin-top: 25px;
    height: 290px;
    position: relative;
}
.honour-item1 .honour-desc{
    width: 494px;
    line-height:32px;
    margin-top: 25px;
}
.honour-item1 .honour-bg img{
    height: 100%;
    position: absolute;
    bottom: 0;
    right:0;
}
.honour-item2 .honour-desc{
    text-align: center;
    margin-top: 25px;
}
.honour-item2{
    margin-top: 70px;
}
.honour-img{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.honour-img .img-item{
    width: 318px;
}
.honour-img .img-item img{
    width: 100%;
}
.honour-img .img-item .img-desc{
    color: #566CD3;
    font-size: 18px;
    text-align: center;
    margin-top: 15px;
    margin-bottom: 30px;
}
.honour-img .img-item .img-desc span{
    position: relative;
    display: inline-block;
    padding-left: 14px;
}
.honour-img .img-item .img-desc span:before{
    content: ' ';
    display: inline-block;
    width: 6px;
    height:6px;
    border-radius: 6px;
    background: #566CD3;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
}
.honour-item2 .honour-img{
    margin-top: 50px;
}
.honour-item3{
    margin-top: 50px;
}
.honour-item3 .honour-desc{
    margin-top: 25px;
    line-height:32px;
}
.honour-item3 .honour-img__cont{
    margin-top: 20px;
    position: relative;
}
.honour-detail{
    margin-top: 100px;
    height: 368px;
    width: 100%;
    overflow: hidden;
    position: relative;
}
.honour-detail .detail-bg{
    min-width: 1920px;
    height: 368px;
    bottom: 0;
}
.honour-detail .detail-desc{
    width: 588px;
    padding: 25px;
    border: 1px dashed #A6B1E4;
    border-radius: 10px;
    line-height:36px;
    font-size:18px;
    font-weight:500;
    color: #333333;
}
.honour .slidesjs-navigation.slidesjs-previous{
    left: -36px;
    background-image: url(../img/rec/honour-right.png);
    -webkit-transform: translateY(-50%) rotate(180deg);
    -ms-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
}
.honour .slidesjs-navigation.slidesjs-next{
    right: -36px;
    background-image: url(../img/rec/honour-right.png);
    -webkit-transform: translateY(-50%) rotate(0);
    -ms-transform: translateY(-50%) rotate(0);
    transform: translateY(-50%) rotate(0);
}
.honour .slidesjs-pagination{
    bottom: 0;
}
.honour .slidesjs-pagination li a{
    background:rgba(86,108,211,0.3);
}
.honour .slidesjs-pagination li a.active{
    background:rgba(86,108,211,1);
}
@media screen and (min-width:960px) {
    .project .scene-detail .detail-msg{
        width: 350px;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }
}
@media screen and (max-width:960px) {
    .honour-item1{
        margin-top: 35px;
    }
    .honour-title{
        font-size: 14px;
    }
    .honour .container{
        width: calc(100vw - 40px);
    }
    .honour-item1 .honour-title{
        line-height:25px;
        text-align: center;

    }
    .honour-item1 .honour-item1__detail{
        margin-top: 20px;
        height: auto;
        width: 100%;
    }
    .honour-desc{
        font-size: 12px;
        line-height: 20px;
        width: 100%;
    }
    .honour-item1 .honour-desc{
        position: relative;
        z-index: 2;
    }
    .honour-item1 .honour-bg img{
        position: relative;
        width: 100vw;
        height: auto;
        top: -10px;
        left: -20px;
    }
    .honour-item2{
        margin-top: 30px;
    }
    .honour-item2 .honour-desc{
        margin-top: 20px;
    }
    .honour-item2 .honour-img{
        margin-top: 25px;
    }
    .honour-img{
        display: block;
    }
    .honour-img .img-item{
        width: 100%;
        text-align: center;
    }
    .honour-img .img-item img{
        width: 55vw;
    }
    .honour-img .img-item .img-desc{
        font-size: 13px;
        margin-top: 10px;
        margin-bottom: 25px;
    }
    .honour-img .img-item .img-desc span{
        padding-left: 9px;
    }
    .honour-img .img-item .img-desc span:before{
        width: 4px;
        height: 4px;
    }
    .honour-item3{

    }
    .honour-item3.open .honour-more img{
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
    }
    .honour-item3.open .honour-more .more{
        display: none;
    }
    .honour-item3.open .honour-more .close-m{
        display: inline-block;
    }
    .honour-item3 .honour-more .close-m{
        display: none;
    }
    .honour-item3 .honour-more .more{
        display: inline-block;
    }
    .honour-item3 .honour-desc{
        margin-top: 20px;
        line-height: 20px;
    }
    .honour-item3 .honour-img .img-item .img-desc{
        margin-bottom: 15px;
    }
    .honour-item3 .honour-img__cont{
        height: calc(321.75vw + 125.4px);
        overflow: hidden;
        -webkit-transition: all .18s;
        -o-transition: all .18s;
        transition: all .18s
    }
    .honour-item3 .honour-img__cont.open{
        height: calc(643.5vw + 250.8px);
    }
    .honour-more{
        display: inline-block;
        color: #999999;
        font-size: 12px;
    }
    .honour-more span{
        vertical-align: middle;
    }
    .honour-more img{
        width: 9px;
        vertical-align: middle;
        margin-left: 5px;
    }
    .honour-detail{
        height: auto;
        padding: 10px;
        margin-top: 50px;
    }
    .honour-detail .detail-bg{
        min-width: auto;
        height: auto;
        width: 100%;
    }
    .honour-detail .detail-desc{
        width: auto;
        font-size: 12px;
        line-height: 20px;
        padding: 15px 13px;
    }
    .honour-item1 .honour-desc{
        width: 100%;
        line-height: 20px;
    }
}
.honour .bx-controls{
    display: none;
}

.reserve-view{
    margin-top: 105px;
}

.reserve-view .reserve-container{
    width: 790px;
    margin: 0 auto;
    background: #fff;
}
.reserve-view .reserve-suc{
    text-align: center;
    padding-top: 135px;
}
.reserve-view .reserve-suc img{
    width: 490px;
}
.reserve-view .reserve-suc .suc-title{
    font-size: 22px;
    margin-top: 50px;
    color: #333;
}
.reserve-view .reserve-suc .suc-desc{
    font-size: 20px;
    color: #666666;
    margin-top: 15px;
}
.reserve-view .reserve-form{
    background: #fff;
    padding:35px 130px 35px;
    box-shadow:0px 0px 18px 0px rgba(29,80,160,0.11);
    border-radius:10px;
    min-height: 760px;
}
.reserve-view .form-title{
    font-size: 20px;
    color: #0088FE;
    text-align: center;
}
.reserve-view .form-item{
    margin-top: 20px;
}
.reserve-view .form-item .item-title{
    font-size: 18px;
    color: #666;
    margin-right: 24px;
    display: inline-block;
    vertical-align: top;
    position: relative;
    top: 8px;
}
.reserve-view .form-item .item-title.require:after{
    content: '*';
    position: absolute;
    font-size: 20px;
    color: #CD2D1E;
    right: -10px;
    top: 2px;
}
.reserve-view .form-item .item-detail{
    display: inline-block;
    vertical-align: top;
    width: 410px;
    color:#666666;
}
.reserve-view .form-item .gender-cont .reserve-input{
    width: 284px;
}
.reserve-view .gender{
    display: inline-block;
    vertical-align: middle;
    width: 111px;
    margin-left: 15px;
}
.reserve-view .check-input2{
    // border: 1px solid ;
    margin: 0;
    border: 1px solid #AAAAAA;
    -webkit-appearance: none;
    width: 11px;
    height: 11px;
    position: absolute;
    top: 6.2px;
    left: 0;
}

.reserve-view label{
    padding-left: 15px;
    position: relative;
}
.reserve-view .check-item{
    float: left;
    margin-right: 39px;
    color: #666;
    margin-top: 10px;
    width: 97px;
    position: relative;
}
.reserve-view .input-cont{
    position: relative;
}
.reserve-view .input-state{
    display: inline-block;
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-size: 100%;
    vertical-align: middle;
    transition: all .2s ease 0s;
    -webkit-transition: all .2s ease 0s;
    -moz-transition: all .2s ease 0s;
    -o-transition: all .2s ease 0s;
    opacity: 0;
    position: absolute;
    top: 12px;
    right: 12px;
}
.reserve-view .input-state.err{
    opacity: 1;
    background-image: url(../img/icon-err.png);
}
.reserve-view .input-state.suc{
    opacity: 1;
    background-image: url(../img/icon-suc.png);
}
.reserve-view .check-input2:checked{
    background: url(../img/icon-check.png) no-repeat;
    width: 17px;
    height: 15px;
    background-size: 16px;
    border: none;
        left: -2px;
}
.reserve-view .check-input2:checked+span{
    color: #0088FE;
}
.reserve-view .gender label+label{
    margin-left: 10px;
}
.reserve-view .reserve-input{
    width: 100%;
    height:39px;
    background:rgba(255,255,255,1);
    border:1px solid rgba(221,221,221,1);
    border-radius:19px;
    padding-left: 15px;
    vertical-align: middle;
    padding-right: 30px;
}
.reserve-view .reserve-input.textarea{
    border-radius: 20px;
    min-height: 160px;
    resize: none;
    padding: 15px;
    outline:none;
}
.reserve-view .form-submit{
    text-align: center;
}
.reserve-view .form-submit button{
    width: 308px;
    height: 48px;
    line-height: 48px;
    background: -webkit-gradient(linear, left top, left bottom, from(#56ccf2), to(#2f80ed));
    background: -webkit-linear-gradient(top, #56ccf2, #2f80ed);
    background: -o-linear-gradient(top, #56ccf2, #2f80ed);
    background: linear-gradient(180deg, #56ccf2, #2f80ed);
box-shadow:0px 8px 18px 0px rgba(87,147,214,0.44);
border-radius:24px;
color: #fff;
font-size: 18px;
    border: none;
    cursor: pointer;
    text-align: center;
}
.reserve-view .reserve-item{
    height: 120px;
    line-height: 120px;
    // width: 100%;
    box-shadow:0px 0px 18px 0px rgba(29,80,160,0.11);
    border-radius:10px;
    background-size: 100%;
    background-repeat: no-repeat;
    padding-left: 131px;
    text-align: center;
    font-size: 21px;
}
.reserve-view .reserve-item+.reserve-item{
    margin-top: 30px;
}
.reserve-view .reserve-item.first{
    background-image: url('../img/rec/reserve-item1.png');
}
.reserve-view .reserve-item.second{
    background-image: url('../img/rec/reserve-item2.png');
}
.reserve-view .reserve-item.third{
    background-image: url('../img/rec/reserve-item3.png');
}
.reserve-view .reserve-item.four{
    background-image: url('../img/rec/reserve-item4.png');
}
.reserve-view .form-error{
  padding-left: 13px;
  font-size: 12px;
  color: #CD2D1E;
  height: 0;
  opacity: 0;
  overflow: hidden;
  transition: all .2s ease 0s;
  -webkit-transition: all .2s ease 0s;
  -moz-transition: all .2s ease 0s;
  -o-transition: all .2s ease 0s;
  position: relative;
  top: 5px;
}
.reserve-view .form-error.show{
  height: 16px;
  opacity: 1;
}
.reserve-view .reserve-list__cont{
    margin-top: 50px;
}
.reserve-view .reserve-list{
    margin-top: 30px;
}
.p-cont-title{
    text-align: center;
}
.p-cont-title .img-cont{
    text-align: center;
}

.cont-desc{
    display: inline-block;
    color: #C9C9C9;
    font-size:15px;
    font-weight:500;
    position: relative;
    margin-top: 16px;
}
.cont-desc:before,
.cont-desc:after{
    content: ' ';
    width: 40px;
    height: 1px;
    background:rgba(201,201,201,1);
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}
.cont-desc:before{
    left: -50px;
}
.cont-desc:after{
    right: -50px;
}
@media screen and (max-width:960px) {
    .reserve-view{
        margin-top: 65px;
    }
    .reserve-view .reserve-container{
        width: 100%;
        padding: 0 15px;
    }
    .reserve-view .reserve-form{
        padding: 20px 15px;
    }
    .reserve-view .form-title{
        font-size: 18px;
    }
    .reserve-view .form-item .item-title{
        font-size: 16px;
        -ms-flex-negative: 0;
        flex-shrink: 0;
    }
    .reserve-view .reserve-form{
        min-height: 600px;
    }
    .reserve-view .form-item{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    .reserve-view .form-item .item-detail{
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }
    .reserve-view .check-item{
        margin-right: 15px;
    }
    .reserve-view .form-submit button{
        width: 50vw;
    }
    .pc-show{
        display: none;
    }
    .reserve-view .reserve-list__cont{
        margin-top: 30px;
    }
    .reserve-view .reserve-list{
        margin-top: 20px;
    }
    .reserve-view .reserve-item{
        height: auto;
        min-height: 60px;
        line-height: normal;
        padding-left: 60px;
        text-align: left;
        font-size: 16px;
        line-height:20px;
        background-size: 60px;
        background-position: 0 center;
    }
    .reserve-view .reserve-item .desc{
        padding: 15px 30px;
    }
    .reserve-view .reserve-item.first{
        background-image: url('../img/rec/reserve-item1-m.png');
    }
    .reserve-view .reserve-item.second{
        background-image: url('../img/rec/reserve-item2-m.png');
    }
    .reserve-view .reserve-item.third{
        background-image: url('../img/rec/reserve-item3-m.png');
    }
    .reserve-view .reserve-item.four{
        background-image: url('../img/rec/reserve-item4-m.png');
    }
    .reserve-view .reserve-item+.reserve-item{
        margin-top: 10px;
    }
    .reserve-view .reserve-suc img{
        width: 65.33vw;
    }
    .reserve-view .reserve-suc .suc-title{
        margin-top: 40px;
        font-size: 18px;
    }
    .reserve-view .reserve-suc .suc-desc{
        font-size: 16px;
        margin-top: 12px;
    }
    .m-touch {
        display: block;
        position: fixed;
        bottom: 0;
        width: 100%;
        height: 56px;
        background: #2b99fb;
        text-align: center;
        z-index: 900;
    }
    .m-touch .free-bg{
        width: 100%;
        height: 56px;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 5;
    }
    .m-touch .font-cont{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        position: relative;
        z-index: 10;
        height: 56px;
        padding: 0 16px;
        text-align: center;
    }

    .m-touch .font-bg{
        display: inline-block;
        height: 33.5px;
        width: auto;
    }
    .m-touch .font-cont a{
        width: 36.26vw;
        height: 30px;
        line-height: 30px;
        color: #fff;
        display: block;
        background:linear-gradient(160deg,rgba(255,181,21,1),rgba(255,150,9,1));
        box-shadow:0px 2px 15px 0px rgba(1,1,1,0.14), 0px 4px 9px 0px rgba(255,255,255,0.16);
        border-radius:30px;
        text-align: center;
        margin-left: 10px;
    }
}
input {
    border: none;
    outline: none;
    box-shadow:none; /*去除阴影*/
  outline: none;/*聚焦input的蓝色边框*/
  resize: none; /*textarea 禁止拖拽*/
  border: none; /*去除边框*/
  -webkit-appearance: none;/*常用于IOS下移除原生样式*/
  -webkit-tap-highlight-color: rgba(0,0,0,0); /*点击高亮的颜色*/
}
.left-link.pc-show{
    padding-left: 84px;
    position: relative;
}
.left-link.pc-show .link-title{
    position: absolute;
    top: 20px;
    left: 0;
}
.left-link.pc-show .link-item{
    margin-right: 20px;
    margin-left: 0;
    white-space: nowrap;
}

.down-wrap{
        width: 825px;
        margin: 0 auto;
        margin-top: 25px;
    }
    .down-title{
        font-size: 16px;
        font-weight: bold;
        color: #333333;
    }
    .down-list{
        margin-top: 10px;
         display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    }
    .down-item{
        display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
        width: 394px;
        height: 68px;
        background: #FFFFFF;
        box-shadow: 0px 3px 16px 0px rgba(26, 28, 36, 0.05);
        border-radius: 6px;
        padding: 14px 20px;
    }
    .down-item__img{
        width: 33px;
        height: 39px;
        -ms-flex-negative: 0;
        flex-shrink: 0;
    }
    .down-item__detail{
        -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
        margin-left: 15px;
    }
    .dowm-item__title{
        font-size: 14px;
        font-weight: 500;
        color: #333333;
    }
    .dowm-item__time{
        font-size: 12px;
        font-weight: 500;
        color: #666666;
    }
    .dowm-item__desc{
        font-size: 12px;
        font-weight: 500;
        color: #666666;
    }
    .dowm-item__down{
        font-size: 12px;
        font-weight: 500;
        text-decoration: underline;
        color: #0088FE;
    }
    .down-item__wrap{
        display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    }
    .down-item__wrap+.down-item__wrap{
        margin-top: 10px;
    }

@media screen and (max-width:960px) {
        .down-wrap{
            width: auto;
            padding: 0 15px;
        }
        .down-list{
            display: block;
        }
        .down-item{
            width: 100%;
            height: auto;
        }
        .down-item+.down-item{
            margin-top: 10px;
        }
    }
.programme .banner-msg .msg-title__second{
    text-shadow: none;
    font-size:40px;
    font-weight: 400;
}
.programme .banner-msg .msg-desc{
    margin-top: 40px;
    font-size: 14px;
    line-height: 22px;
}
.programme .banner .banner-msg .btn-cont .detail-btn,
.programme .banner .banner-msg .btn-cont .default-btn{
    padding-left: 23px;
    padding-right: 23px;
}
.programme .title-cont{
    font-size: 16px;
    margin-top: 32px;
    color: rgba(0, 136, 254, 0.8);
}
.programme .programme-cont{
    display: flex;
    justify-content: space-between;
    margin-top: 84px;
    position: relative;
    z-index: 10;
}
.programme .programme-cont .programme-cont-box{
    width: 387px;
    height: 249px;
    box-shadow: 0px 3px 16px 0px rgba(26, 28, 36, 0.1);
    border-radius: 10px;
    background-color: rgba(255, 255, 255, 1);
    position: relative;
}
.programme .programme-cont-box .cont-title{
    position: absolute;
    top: -18px;
    left: 50%;
    width: 150px;
    margin-left: -74px;
    text-align: center;
    background-color: rgba(67, 129, 194, 1);
    border-radius: 10px;
    color: #fff;
    font-size: 16px;
    height: 37px;
    line-height: 37px;
}
.programme .programme-cont-box .cont-title-box{
    position: absolute;
    top: -11px;
    left: 50%;
    width: 150px;
    height: 37px;
    margin-left: -65px;
    background: rgba(221, 231, 244, 1);
    border-radius: 10px;
}
.programme .cont-explain{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}
.programme .cont-explain ul{
    margin-top: 10px;
}
.programme .cont-explain li{
    line-height: 38px;
    font-size: 14px;
    color: rgba(51, 51, 51, 1);
}
.programme .cont-explain li span{
    color: rgba(25, 93, 183, 1);
    font-weight: bold;
}
.programme .cont-explain li i{
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: rgba(25, 93, 183, 1);
    margin-right: 14px;
}
.programme .flex{
    display: flex;
    justify-content: space-between;
    position: relative;
    z-index: 10;
}
.programme .train-expert__item{
    width: 264px;
    position: relative;
}
.programme .train-expert__item>img{
    width: 100%;
}
.programme .train-expert__msg {
    bottom: -55px;
    width: 240px;
    height: 78px;
    background: #FFFFFF;
    box-shadow: 0px 16px 26px 0px rgba(8, 54, 134, 0.08);
    border-radius: 10px;
    text-align: center;
    padding-top: 7px;
    z-index: 100;
}
.programme .train-expert__name {
    font-size: 19px;
    font-weight: 500;
    color: #195db7;
    line-height: 24px;
    position: relative;
}
.programme .train-expert__name .tag{
    margin-left: 8px;
    font-size: 16px;
}
.programme .train-expert__name::after {
    content: ' ';
        width: 42px;
        height: 5px;
        background: #195DB7;
        border-radius: 3px;
        position: absolute;
        left: 50%;
        bottom: -14px;
        transform: translateX(-50%);
}
.programme .train-expert__tag {
    margin-top: 20px;
    font-size: 16px;
    color: #666;
}
.programme .traom-expert__desc{
    width: 264px;
    height: 246px;
    background: rgba(15, 57, 134, .6);
    border-radius: 10px;
    position: absolute;
    top: 83px;
    left: 0;
    transition: all .28s;
    transform: scaleY(0);
    transform-origin:100% 100%;
    z-index: 50;
    
}
.programme .traom-expert__desc .desc{
    width: 259px;
    font-size: 16px;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 30px;
    padding: 0 10px;
}
.programme .train-expert__item{
    position: relative;
    cursor: pointer;
}
.programme .train-expert__item:hover .traom-expert__desc{
            transform: scale(1);
    
}
.programme .margin-top48{
    margin-top: 48px;
}
.bg3{
    width: 201px;
    position: absolute;
    top: 194px;
    right: -200px;
}
.bg4{
    width: 110px;
    position: absolute;
    bottom: 25px;
    left: -135px;
}
.bg5{
    width: 201px;
    position: absolute;
    bottom: 0;
    right: -100px;
}
.programme .tool-kit{
    // width: 784px;
    background: #FFFFFF;
    box-shadow: 0px 3px 16px 0px rgba(26, 28, 36, 0.1);
    border-radius: 10px;
    position: relative;
    z-index: 10;
}
.programme .tool-kit ul{
    display: flex;
    flex-flow: wrap;
    padding: 28px 49px 0;
    justify-content: space-between;
}
.programme .tool-kit ul li{
    display: flex;
    align-items: center;
    margin-bottom: 19px;
    width: 30%;
    font-size: 14px;
}
.programme .tool-kit ul li>div{
    width: 29px;
    height: 29px;
    margin-right: 12px;
}
.programme .tool-kit ul li>div img{
    width: 100%;
    height: 100%;
}
.programme .tool-kit .word{
    color: rgba(42, 86, 153, 1);
}
.programme .tool-kit .ppt{
    color: rgba(210, 70, 37, 1);
}
.programme .tool-kit .tool{
    color: rgba(245, 131, 51, 1);
}
.programme .tool-kit .xls{
    color: rgba(32, 114, 69, 1);
}
.programme .tool-kit .defaut{
    color: rgba(42, 86, 153, 1);
    font-size: 26px;
    font-weight: bold;
}
.programme .marvellous ul{
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
    position: relative;
    z-index: 10;
}
.programme .marvellous ul li{
    width: 210px;
    height: 122px;
    margin-bottom: 16px;
}
.programme .marvellous ul li img{
    width: 100%;
    height: 100%;
}
.programme .feedback ul{
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
    position: relative;
    z-index: 10;
}

.programme .feedback ul li{
    width: 292px;
    // height: 164px;
}
.programme .feedback ul li img{
    width: 100%;
    height: 100%;
}
.programme .curriculum-detail{
    background: #FFFFFF;
    box-shadow: 0px 3px 16px 0px rgba(26, 28, 36, 0.1);
    border-radius: 10px;
    position: relative;
    z-index: 10;
    padding: 24px 48px;
    
}

.programme .curriculum-detail-item{
    display: flex;
    background-color: rgba(215, 229, 253, 0.6);
    margin-bottom: 15px;
    border-radius: 20px;
   
}
.programme .curriculum-detail-item>div{
    width: 102px;
    height: 137px;
    background: linear-gradient(0deg, #3978BD 0%, #81B4E1 100%);
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 20px;
    margin-right: 15px;
}
.programme .harvest ul{
    flex: 1;
    display: flex;
    align-items: center;
    // justify-content: space-around;
    line-height: 32px;
    font-size: 19px;
    color: rgba(64, 100, 168, 1);
    font-weight: bold;
    flex-flow: wrap;
    padding: 19px 0;
}
.programme .harvest ul li{
    width: 50%;
}
.programme .time{
    background-color: rgba(245, 248, 255, 0.6)
}
.programme .time>div{
    height: 216px;
}
.programme .time ul{
    flex: 1;
    line-height: 32px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    /* padding: 24px 0; */
}
.programme .time ul li{
    flex: 1;
    display: flex;
    font-size: 17px;
    color: rgba(102, 102, 102, 1);
}
.programme .time ul li span{
    flex: 1;
}
.programme .time ul li span:last-child{
    // flex: 1;
    text-align: center;
}
.programme .time ul .sign-up{
    color: rgba(64, 100, 168, 1);
}
.programme .time ul .sign-up span:last-child{
    font-size: 19px;
}
.programme .sign-up{
    display: flex;
    justify-content: space-between;
    position: relative;
    z-index: 10;
}
.programme .sign-up-item{
    background: #FFFFFF;
    box-shadow: 0px 0px 22px 0px rgba(0, 52, 98, 0.18);
    border-radius: 10px;
    display: flex;
    overflow: hidden;
}
.programme .sign-up-item>div{
    line-height: 48px;
    text-align: center;
}
.programme .sign-up-item .item-title{
    width: 248px;
    font-size: 19px;
    color: rgba(51, 51, 51, 1);
}
.programme .sign-up-item .item-btn{
    width: 172px;
    background-color: rgba(77, 141, 255, 1);
    color: #fff;
    font-size: 16px;
    cursor: pointer;
}
.programme .sign-up-item .item-btn:hover{
    background: linear-gradient(147deg, #1966B6, #194EB9);
}
.signbg4{
    width: 110px;
    position: absolute;
    left: -90px;
    top: -25px;
}
.programme .sign-ups{
    display: flex;
    justify-content: space-between;
    position: relative;
    z-index: 10;
}
.programme .excellent .excellent-introduce{
    padding: 24px 0 14px;
    
}
.programme .excellent .excellent-introduce li+li{
    margin-top: 18px;
}
.programme .excellent .excellent-introduce h5{
    font-size: 17px;
    color: rgba(51, 51, 51, 1);
    font-weight: 400;
    background: linear-gradient(55deg, #0071D1, #0085D1);
    border-radius: 20px;
    padding: 8px 17px;
    color: #fff;
    display: inline-block;
}
.programme .excellent .excellent-introduce p{
    font-size: 15px;
    color: rgba(136, 136, 136, 1);
    line-height: 28px;
    padding-left: 17px;
    margin-top: 10px;
}
@media screen and (max-width:960px){
    .programme .title-cont{
        font-size: 12px;
    }
    .programme .banner-msg .msg-title__second{
        font-size: 32px;
    }
    .banner .banner-msg .btn-cont{
        display: none;
    }
    .programme .programme-cont{
        flex-direction: column;
        padding: 0 30px;
    }
    .plan .plan-detail__cont{
        padding: 0 15px;
    }
    .programme .programme-cont .programme-cont-box{
        width: 100%;
        margin-bottom: 40px;
    }
    .programme .flex{
        flex-direction: column;
    }
    .programme .train-expert__item{
        margin-bottom: 32px;
        display: flex;
        width: 100%;
        background: #FFFFFF;
        box-shadow: 0px 0px 26px 0px rgba(8, 54, 134, 0.1);
        border-radius: 10px;
    }
    .programme .train-expert__item .train-expert__img{
        width: 106px;
        height: 132px;
    }
    .programme .train-expert__msg{
        display: none;
    }
    .programme .traom-expert__desc{
        // transform: none;
    }
    .programme .train-expert__item:hover .traom-expert__desc{
        display: none;
        transform: none;
    }
    .programme .back{
        background-color: rgba(249, 249, 249, 1);
    }
    .programme .train-expert__item .max-980{
        flex: 1;
    }
    .programme .name-title{
        position: relative;
        display: flex;
        align-items: center;
        margin-left: 14px;
    }
    .programme .train-expert__tag{
        margin: 0 15px;
        font-size: 12px;
    }
    .programme .max-980 {
        // margin-left: 27px;
        padding: 4px 0 0;
    }
    .programme .train-expert__name{
        font-size: 14px;
    }
    .programme .train-expert__name .tag{
        font-size: 12px;
    }
    .programme .train-expert__name::after{
        width: 100%;
        height: 2px;
        bottom: -7px;
    }
    .programme .max-980 .desc{
        // margin-top: 18px;
        font-size: 12px;
        margin: 18px 14px 0;
    }
    .programme .tool-kit{
        background: none;
        box-shadow: none;
    }
    .programme .tool-kit ul{
        flex-flow: wrap;
        padding: 0;
        // width: 50vw;
        margin: auto;
    }
    .programme .tool-kit ul li{
        width: 50%;
        font-size: 12px;
        // padding-left: 20%;
    }
    .programme .defaut{
        display: none;
    }
    .programme .marvellous ul{
        // width: 315px;
        // margin: auto;
    }
    .programme .marvellous ul li{
        // width: 150px;
        // height: 93px;
        width: 48%;
        height: auto;
    }
    
    .programme .harvest .min-980{
        display: none;
    }
    .programme .harvest .max-980{
        // display: block;
        display: flex;
        padding: 13px;
    }
    .programme .harvest ul li:nth-child(1),.programme .harvest ul li:nth-child(2){
        width: 100%;
    }
    .programme .curriculum-detail-item > div{
        width: 57px;
        height: auto;
        font-size: 12px;
        align-self: stretch;
    }
    .programme .harvest ul{
        font-size: 12px;
    }
    .programme .time>div{
        // height: 166px;
        height: auto;
        align-self: stretch;
    }
    .programme .time ul li{
        font-size: 13px;
        flex-flow: wrap;
        // white-space: nowrap;
    }
    .programme .time ul li span:last-child{
        // flex: none;
    }
    .programme .time ul .sign-up span:last-child{
        font-size: 14px;
    }
    .programme .sign-ups{
        flex-direction: column;
        
    }
    .programme .sign-up-item{
        margin-bottom: 21px;
    }
    .programme .sign-up-item .item-title{
        flex: 1;
        font-size: 16px;
        
    }
    .programme .margin-top48{
        margin-top: 20px;
    }
    .programme .feedback ul li{
        width: 45%;
        height: auto;
    }
    .programme .curriculum-detail{
        padding: 12px 0;
        box-shadow:none
    }
    // .programme .sign-up-item .item-btn:hover{
    //     background: none;
    // }
    .programme .excellent .excellent-introduce{
        padding: 14px 0 0;
        
    }
    .programme .excellent .excellent-introduce li{
        margin-bottom: 14px;
    }
    .programme .excellent .excellent-introduce h5{
        font-size: 13px;
        border-radius: 50px;
    }
    .programme .excellent .cont .excellent-introduce p{
        font-size: 12px;
    }
}
@media screen and (max-width:600px) {
    .programme .tool-kit ul{
        width: 100%;
        margin: auto;
    }
    // .programme .marvellous ul{
    //     width: 100%;
    //     margin: auto;
    // }
    .programme .harvest ul li{
        width: 100%;
    }
    .programme .feedback ul li{
        width: 100%;
        height: auto;
    }
    .programme .feedback ul{
        flex-direction: column;
        align-items: center;
    }
    .programme .time ul li span:first-child{
        flex: 2;
    }
    .programme .time ul li span:last-child{
        flex: 0.5;
    }
}
@media screen and (min-width:960px) {
    .max-980{
        display: none;
    }
    .programme .harvest .max-980{
        display: none;
    }
}
.excellent .title-cont{
    color: rgba(0, 136, 254, 0.8);
    padding: 31px 0 25px;
    font-size: 16px;
    margin: 0;
}
.excellent .excellent-title{
    width: 495px;
    height: 54px;
    line-height: 54px;
    margin: auto;
    text-align: center;
    background-color:#fff;
    box-shadow: 0px 3px 16px 0px rgba(26, 28, 36, 0.1);
    border-radius: 8px;
    color: rgba(25, 93, 183, 1);
    font-size: 14px;
    font-weight: bold;
}
.excellent .excellent-title span{
    font-size: 17px;
}
.excellent .excellent-cont{
    display: flex;
    justify-content: space-around;
    padding-top: 32px;
}
.excellent .excellent-cont-box{
    width: 288px;
}
.excellent .excellent-cont-box p{
    height: 54px;
    line-height: 54px;
    text-align: center;
    background: url(../img/rec2/excellent-course/card.png);
    background-size: cover;
    margin-bottom: 16px;
    font-size: 14px;
    box-shadow: 0px 3px 16px 0px rgba(26, 28, 36, 0.1);
}
.excellent .excellent-cont-box .cont-box{
    color: rgba(25, 93, 183, 1);
}
.excellent .excellent-cont-box .box1{
    font-size: 14px;
}
.excellent .excellent-cont-box .box2{
    font-size: 18px;
}
.excellent .excellent-cont-box .box3{
    font-size: 22px;
}
.excellent .excellent-thinking{
    width: 832px;
    height: 305px;
    margin: auto;
    background-color: #fff;
    box-shadow: 0px 16px 26px 0px rgba(8, 54, 134, 0.08);
    border-radius: 8px;
    display: flex;
    align-items: center;
    position: relative;
    z-index: 10;
}
.excellent .excellent-thinking .thinking{
    // flex: 1;
    width: 33.33%;
}
.excellent .excellent-thinking .center img{
    width: 100%;
}
.excellent .excellent-thinking .left{
    // line-height: 31px;
    height: 100%;
    font-size: 14px;
    color: rgba(68, 68, 68, 1);
    padding:45px 15px 45px 37px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    box-sizing: border-box;
}
.excellent .excellent-thinking .left div{
    display: flex;
    line-height: 24px;
}
.excellent .excellent-thinking .left p{
    line-height: 24px;
}
.excellent .thinking-right-title{
    position: relative;
}
.excellent .thinking-right-title .title{
    font-size: 14px;
    color: rgba(68, 68, 68, 1);
    position: relative;
    z-index: 10;
}
.excellent .thinking-right-title .cont{
    position: absolute;
    left: 0;
    bottom: -5px;
    width: 151px;
    height: 14px;
    background-color: rgba(216, 236, 255, 1);
    border-radius: 4px;
}
.excellent .thinking-right-cont{
    margin-top: 20px;
    padding-left:15px ;
}
.excellent .thinking-right-cont p{
    line-height: 50px;
}
.excellent .thinking-right-cont span{
    color: rgba(0, 136, 254, 1);
    margin-right: 16px;
}
.excellent .programme-qiye span{
    display: inline-block;
    width: 140px;
    text-align: right;
}
.excellent .programme{
    margin-top: 48px;
}
.excellent .excellent-tutor{
    width: 786px;
    height: 236px;
    margin: auto;
    background-color: #fff;
    border-radius: 8px;
    display: flex;
    align-items: center;
    position: relative;
    z-index: 10;
    box-shadow: 0px 16px 26px 0px rgba(8, 54, 134, 0.08);
}
.excellent .excellent-tutor-img{
    width: 190px;
    height: 100%;
}
.excellent .excellent-tutor-img img{
    width: 100%;
}
.excellent .introduce{
    flex: 1;
    padding-left: 33px;
}
.excellent .introduce-cont{
    padding-top: 20px;
    line-height: 25px;
    font-size: 13px;
    color: rgba(68, 68, 68, 1);
}
.excellent .introduce-name .name{
    color: rgba(25, 93, 183, 1);
    font-size: 19px;
    margin-right: 16px;
}
.excellent .introduce-name::after{
    display: block;
    margin-top: 12px;
    content: "";
    width: 76px;
    height: 4px;
    background-color: rgba(25, 93, 183, 1);
}
.excellent .excellent-outline{
    margin-top: 33px;
    
}
.excellent .outline-item{
    position: relative;
    // overflow: hidden;
    
}
.excellent .outline-item .title{
    display: inline-block;
    width: 160px;
    text-align: right;
    color: rgba(0, 136, 254, 1);
    font-size: 18px;
    // margin-top: 20px;
}
.excellent .outline-item .tial{
    position: absolute;
    left: 184px;
    top: -20px;
    height: 100%;
    width: 3px;
    background: linear-gradient(180deg, rgba(242, 249, 255, 1), rgba(51, 160, 255, 1));
}
.excellent .outline-item .tial2{
    background: linear-gradient(180deg, rgba(51, 160, 255, 1), rgba(0, 136, 254, 1));
}
.excellent .outline-item .tial3{
    background: linear-gradient(180deg, rgba(0, 136, 254, 1), rgba(0, 136, 254, 1));
}
.excellent .outline-item .tial4{
    background: linear-gradient(180deg, rgba(0, 136, 254, 1), rgba(0, 136, 254, 1));
}
.excellent .outline-item .tial5{
    background: linear-gradient(180deg, rgba(51, 160, 255, 1), rgba(242, 249, 255, 1));
    height: 50%;
}
.excellent .outline-item .spot{
    width: 31px;
    height: 31px;
    position: absolute;
    left: 170px;
    top: -2px;
}
.excellent .outline-item .spot img{
    width: 100%;
}
.excellent .outline-item .cont{
    position: relative;
    margin-left: 220px;
    top: -27px;
    width: 560px;
    background-color: #fff;
    border-radius: 8px;
    padding: 0 0 24px 22px;
    box-shadow: 0px 3px 16px 0px rgba(26, 28, 36, 0.1);
}
.excellent .outline-item .cont h3{
    font-size: 16px;
    color: rgba(51, 51, 51, 1);
    font-weight: 400;
    padding: 24px 0 14px;
}
.excellent .outline-item .cont p{
    color: #444;
    font-size: 15px;
    line-height: 25px;
}
.excellent .view-bg-excell .bg1{
    bottom: 550px;
    left: -70px;
}
.excellent .view-bg-excell .bg2.pc-show{
    bottom: 250px;
    left: 800px;
}
.excellent .view-bg-excell .bg3{
    top: 400px;
    left: -70px;
}
.excellent .view-bg-excell .bg4.pc-show{
    top: 500px;
    left: 800px;
}
.excellent .view-bg-excell .bg5.pc-show{
    top: 100px;
}
.excellent .view-bg-excell .excellent-outline .text-color{
    color: rgba(0, 136, 254, 1);
}
.excellent .excellent-detail__cont{
    width: 1000px;
    margin: 23px auto 0;
    position: relative;
}
.excellent .excellent-curriculum{
    position: relative;
    z-index: 10;
}
.excellent .curriculum-introduce{
    display: flex;
    justify-content: space-between;
}
.excellent .curriculum-introduce .introduce-item{
    display: flex;
    align-items: center;
    background-color: #fff;
    box-shadow: 0px 16px 26px 0px rgba(8, 54, 134, 0.08);
    border-radius: 8px;
    padding: 21px;
    width: 320px;
}
.excellent .introduce-item .left-img{
    margin-right: 17px;
}
.excellent .introduce-item .right-text h4{
    font-size: 16px;
    color: rgba(51, 51, 51, 1);
    font-weight: 400;
}
.excellent .introduce-item .right-text p{
    font-size: 13px;
    color: rgba(102, 102, 102, 1);
    font-weight: 400;
}
.excellent .curriculum-praise{
    margin-top: 32px;
}
.excellent .curriculum-praise .praise{
    width: 172px;
    height: 36px;
    margin: auto;
    background:url(../img/rec2/excellent-course/praise.png);
    background-size: cover;
    text-align: center;
    line-height: 36px;
    color: #fff;
    font-size: 17px;
}
.excellent .praise-example{
    display: flex;
    justify-content: space-between;
    flex-flow: wrap;
    margin-top: 16px;
}
.excellent .example-item{
    width: 470px;
    background-color: #fff;
    box-shadow: 0px 16px 26px 0px rgba(8, 54, 134, 0.08);
    border-radius: 8px;
    margin-bottom: 24px;
    padding: 20px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
}
.excellent .example-item .title{
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 14px;
}
.excellent .example-item .title i{
    display: inline-block;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background: linear-gradient(0deg, #53AAF5, #3A8FE5);
}
.excellent .example-item .content{
    font-size: 12px;
    color: rgba(102, 102, 102, 1);
    line-height: 22px;
    margin-top: 10px;
    flex: 1;
    display: flex;
    align-items: center;
}
.excellent .site-photos-item{
    margin-bottom: 16px;
}
.excellent .site-photos-img{
    width: 235px;
}
.excellent .site-photos-img img{
    width: 100%;
}
.excellent .praise-example .sign{
    box-shadow: 0px 16px 26px 0px rgba(8, 54, 134, 0.08);
    background-color: #fff;
    border-radius: 37px;
    width: 277px;
    height: 59px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.excellent .praise-example .sign>p{
    color: rgba(51, 51, 51, 1);
    font-size: 16px;
    font-weight: bold;
}
.excellent .praise-example .sign>p>span,.excellent .price-num{
    color: rgba(0, 136, 254, 1);
}
.excellent .praise-example .sign-price{
    width: 318px;
}
.excellent .price-num .price{
    display: inline-block;
    width: 111px;
    height: 23px;
    background: url(../img/rec2/excellent-course/place.png);
    background-size: cover;
}
.excellent .price-num{
    position: relative;
}
.excellent .number{
    display: inline-block;
    width: 100px;
    height: 34px;
    line-height: 34px;
    background: url(../img/rec2/excellent-course/number-pc.png);
    background-size: cover;
    font-size: 13px;
    // box-shadow: 0px 4px 10px 0px rgba(36, 121, 206, 0.46);
    position: absolute;
    right: -12px;
    top: -26px;
    text-align: center;
}
.excellent .m{
    display: none;
}

.impel .excellent-detail__cont .bg1{
    top: 30px;
    right: -45px;
}
.impel .excellent-detail__cont .bg2{
    top: 105px;
    left: -120px;
}
@media screen and (max-width:960px){
    .excellent .container-title .img-cont img{
        // height: 26px;
    }
    .excellent .container .pc{
        display: none;
    }
    .excellent .m{
        display: block;
        font-size: 12px;
    }
    .excellent .excellent-title{
        width: 100%;
        height: auto;
    }
    .excellent .excellent-title,.excellent .excellent-title span{
        font-size: 13px;
    }
    .excellent .excellent-cont-box{
        width: 100%;
        box-shadow: 0px 3px 16px 0px rgba(26, 28, 36, 0.1);
        padding: 23px 0 6px 0;
    }
    .excellent .excellent-cont-box p{
        height: 19px;
        line-height: 19px;
        box-shadow: none;
        margin: 0 auto 17px auto;
        width: 210px;
        // margin: auto;
        text-align: left;
        font-size: 13px;
        
    }
    .excellent .excellent-cont-box p i{
        display: inline-block;
        width: 4px;
        height: 4px;
        background-color: rgba(25, 93, 183, 1);
        border-radius: 50%;
        vertical-align: middle;
    }
    .excellent .color{
        background: #F9F9F9;
    }
     .excellent .plan-cont.impel1{
        padding: 30px 0;
    }
    .excellent .title-cont{
        font-size: 12px;
        padding: 15px 0 0;
    }
    .excellent .excellent-thinking{
        width: 100%;
        height: auto;
        flex-direction: column;
    }
    .excellent .excellent-thinking .left{
        padding: 20px 0;
        width: 100%;
        align-items: center;
    }
    .excellent .excellent-thinking .left div{
        line-height: 28px;
    }
    .excellent .excellent-thinking .thinking{
        width: 100%;
    }
    .excellent .excellent-thinking .thinking.center{
        width: 90%;
        margin-bottom: 20px;
    }
    .excellent .thinking-right-title{
        margin-left: 22px;
    }
    .excellent .thinking-right-title .title{
        font-size: 16px;
        color: rgba(51, 51, 51, 1);
        font-weight: bold;
    }
    .excellent .thinking-right-cont{
        margin-left: 40px;
        margin-bottom: 15px;
        font-size: 15px;
    }
    .excellent .thinking-right-cont p{
        line-height: 30px;
    }
    .programme .cont-explain li{
        font-size: 13px;
        line-height: 28px;
    }
    .excellent .programme{
        padding: 0;
    }
    .excellent .programme-cont .programme-cont-box{
        height: 165px;
    }
    .excellent .programme-cont-box .cont-title-box{
        width: 116px;
        margin-left: -52px;
    }
    .excellent .programme-cont-box .cont-title{
        width: 116px;
        margin-left: -58px;
    }
    .excellent .excellent-tutor{
        width: 100%;
        height: auto;
    }
    .excellent .excellent-tutor-img{
        width: 106px;
    }
    .excellent .introduce-name .name{
        font-size: 14px;
    }
    .excellent .introduce-name .title{
        font-size: 12px;
        color: rgba(102, 102, 102, 1);
    }
    .excellent .introduce-name::after{
        width: 30px;
        margin-top: 0;
        height: 1.5px;
    }
    .excellent .introduce{
        padding-left: 14px;
        padding-right: 20px;
    }
    .excellent .introduce .m{
        font-size: 12px;
        margin-top: 9px;
        color: rgba(51, 51, 51, 1);
    }
    .excellent .outline-item .tial{
        left: 0;
    }
    .excellent .outline-item .spot{
        left: -14px ;
    }
    .excellent .outline-item .cont{
        width: auto;
        margin-left: 25px;
        top: -10px;
        padding: 14px 16px;
    }
    .excellent .outline-item{
        padding-bottom: 16px;
    }
    .excellent .outline-item .cont .spot-title{
        color: rgba(0, 136, 254, 1);
        font-size: 15px;
    }
    .excellent .outline-item .cont h3{
        padding: 12px 0 7px;
    }
    .excellent .excellent-detail__cont{
        width: 100%;
        padding:  0 15px;
    }
    .excellent .curriculum-introduce{
        flex-direction: column;
        border-radius: 8px;
        box-shadow: 0px 3px 16px 0px rgba(26, 28, 36, 0.1);
        overflow: hidden;
    }
    .excellent .curriculum-introduce .introduce-item{
        width: 100%;
        border-radius: 0;
        flex-direction: row-reverse;
        justify-content: space-between;
    }
    .excellent .introduce-item .right-text h4{
        font-size: 17px;
    }
    .excellent .introduce-item .right-text p{
        padding-left: 25px;
    }
    .excellent .introduce-item .left-img{
        width: 70px;
        text-align: center;
        margin: 0;
    }
    .excellent .example-item{
        padding: 13px;
        width: 100%;
    }
    .excellent .example-item:last-child{
        margin-bottom: 0;
    }
    .excellent .example-item .title{
        font-size: 15px;
        color: rgba(0, 136, 254, 1);
    }
    .excellent .example-item .title i{
        color: rgba(78, 165, 242, 0.5);
    }
    .excellent .example-item .praise-star{
        width: 103px;
    } 
    .excellent .example-item .praise-star img{
        width: 100%;
    }
    .excellent .example-item .content{
        color: #333;
    }
    .excellent .curriculum-praise .praise{
        // background-image: none;
        width: 201px;
        height: 33px;
        background: linear-gradient(90deg, #53AAF5, #3A8FE5);
        border-radius: 17px;
        font-size: 18px;
        line-height: 33px;
    }
    .excellent .curriculum-praise .praise .m{
        font-size: 18px;
    }
    .excellent .site-photos-item{
        width: 48%;
        margin-bottom: 7px;
    }
    .excellent .site-photos-img{
        width: 100%;
    }
    .excellent .user-info{
        flex-direction: column;
        align-items: center;
    }
    .excellent .praise-example .sign{
        width: 90%;
        margin-bottom: 30px;
    }
}
.c-message{
	position:fixed;
	top:30px;
	left:50%;
	/* transform:translateX(-50%); */
	padding-left:50px;
	padding-right:20px;
	height: 40px;
	line-height: 40px;
	background: #fff;
	min-width:200px;
	color:#666;
	box-shadow: 0 2px 4px rgba(0,0,0,.12), 0 0 6px rgba(0,0,0,.04);
	z-index:9999;
}
.c-message--icon{
	color:#fff;
	width: 40px;
	height: 40px;
	text-align: center;
	position: absolute;
	left: 0;
	top: 0;
	line-height: 40px;
}
.c-message--success{
	background:#13CE66 url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjQwcHgiIGhlaWdodD0iNDBweCIgdmlld0JveD0iMCAwIDQwIDQwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCAzOS4xICgzMTcyMCkgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgICA8dGl0bGU+aWNvbl9zdWNjZXNzPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9IkVsZW1lbnQtZ3VpZGVsaW5lLXYwLjIuNCIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9Ik1lc3NhZ2UiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC02MC4wMDAwMDAsIC0yMTIuMDAwMDAwKSI+CiAgICAgICAgICAgIDxnIGlkPSLluKblgL7lkJFf5L+h5oGvIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg2MC4wMDAwMDAsIDIxMi4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxnIGlkPSJSZWN0YW5nbGUtMiI+CiAgICAgICAgICAgICAgICAgICAgPGcgaWQ9Imljb25fc3VjY2VzcyI+CiAgICAgICAgICAgICAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtMiIgZmlsbD0iIzEzQ0U2NiIgeD0iMCIgeT0iMCIgd2lkdGg9IjQwIiBoZWlnaHQ9IjQwIj48L3JlY3Q+CiAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0yNy44MjU1ODE0LDE3LjE0ODQzNTcgTDE5LjAxNzQ0LDI1LjgyODEyMTMgQzE4LjkwMTE2MDksMjUuOTQyNzA4MyAxOC43NjU1MDMzLDI2IDE4LjYxMDQ2NywyNiBDMTguNDU1NDI3LDI2IDE4LjMxOTc2OTMsMjUuOTQyNzA4MyAxOC4yMDM0ODY1LDI1LjgyODEyMTMgTDE4LjAyOTA3MTYsMjUuNjU2MjUgTDEzLjE3NDQxODYsMjAuODQzNzUgQzEzLjA1ODEzOTUsMjAuNzI5MTYzIDEzLDIwLjU5NTQ4MzcgMTMsMjAuNDQyNzA0NyBDMTMsMjAuMjg5OTI5MyAxMy4wNTgxMzk1LDIwLjE1NjI1IDEzLjE3NDQxODYsMjAuMDQxNjY2NyBMMTQuMzY2Mjc3MiwxOC44NjcxODU3IEMxNC40ODI1NiwxOC43NTI2MDIzIDE0LjYxODIxNzcsMTguNjk1MzEwNyAxNC43NzMyNTc3LDE4LjY5NTMxMDcgQzE0LjkyODI5NCwxOC42OTUzMTA3IDE1LjA2Mzk1MTYsMTguNzUyNjAyMyAxNS4xODAyMzA3LDE4Ljg2NzE4NTcgTDE4LjYxMDQ2NywyMi4yNzYwMzggTDI1LjgxOTc2OTMsMTUuMTcxODcxMyBDMjUuOTM2MDQ4NCwxNS4wNTcyODggMjYuMDcxNzA2LDE1IDI2LjIyNjc0MjMsMTUgQzI2LjM4MTc4MjMsMTUgMjYuNTE3NDQsMTUuMDU3Mjg4IDI2LjYzMzcyMjgsMTUuMTcxODcxMyBMMjcuODI1NTgxNCwxNi4zNDYzNTIzIEMyNy45NDE4NjA1LDE2LjQ2MDkzNTcgMjgsMTYuNTk0NjE1IDI4LDE2Ljc0NzM5NCBDMjgsMTYuOTAwMTczIDI3Ljk0MTg2MDUsMTcuMDMzODUyMyAyNy44MjU1ODE0LDE3LjE0ODQzNTcgTDI3LjgyNTU4MTQsMTcuMTQ4NDM1NyBaIiBpZD0iUGF0aCIgZmlsbD0iI0ZGRkZGRiI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+) no-repeat 0 50%;
}
.c-message--error{
	background:#FF4949 url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjQwcHgiIGhlaWdodD0iNDBweCIgdmlld0JveD0iMCAwIDQwIDQwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCAzOS4xICgzMTcyMCkgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgICA8dGl0bGU+aWNvbl9kYW5nZXI8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZGVmcz48L2RlZnM+CiAgICA8ZyBpZD0iRWxlbWVudC1ndWlkZWxpbmUtdjAuMi40IiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iTWVzc2FnZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTYwLjAwMDAwMCwgLTMzMi4wMDAwMDApIj4KICAgICAgICAgICAgPGcgaWQ9IuW4puWAvuWQkV/kv6Hmga8iIHRyYW5zZm9ybT0idHJhbnNsYXRlKDYwLjAwMDAwMCwgMzMyLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPGcgaWQ9IlJlY3RhbmdsZS0yIj4KICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iaWNvbl9kYW5nZXIiPgogICAgICAgICAgICAgICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLTIiIGZpbGw9IiNGRjQ5NDkiIHg9IjAiIHk9IjAiIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCI+PC9yZWN0PgogICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMjUuODE3MjYyNywxNi4zNDUxNzk2IEMyNS45MzkwOTAyLDE2LjIyMzM0ODMgMjYsMTYuMDc2MTQxOCAyNiwxNS45MDM1NTIzIEMyNiwxNS43MzA5NjI4IDI1LjkzOTA5MDIsMTUuNTgzNzU2MyAyNS44MTcyNjI3LDE1LjQ2MTkyODkgTDI0LjUwNzYxNTcsMTQuMTgyNzQxMSBDMjQuMzg1Nzg4MiwxNC4wNjA5MTM3IDI0LjI0MzY1NzUsMTQgMjQuMDgxMjE5NiwxNCBDMjMuOTE4NzgxNywxNCAyMy43NzY2NTEsMTQuMDYwOTEzNyAyMy42NTQ4MjM1LDE0LjE4Mjc0MTEgTDIwLDE3LjgzNzU2MzUgTDE2LjMxNDcyMTYsMTQuMTgyNzQxMSBDMTYuMTkyODkwMiwxNC4wNjA5MTM3IDE2LjA1MDc1OTUsMTQgMTUuODg4MzIxNiwxNCBDMTUuNzI1ODg3NiwxNCAxNS41ODM3NTY5LDE0LjA2MDkxMzcgMTUuNDYxOTI5NCwxNC4xODI3NDExIEwxNC4xNTIyODI0LDE1LjQ2MTkyODkgQzE0LjA1MDc1ODIsMTUuNTgzNzU2MyAxNCwxNS43MzA5NjI4IDE0LDE1LjkwMzU1MjMgQzE0LDE2LjA3NjE0MTggMTQuMDUwNzU4MiwxNi4yMjMzNDgzIDE0LjE1MjI4MjQsMTYuMzQ1MTc5NiBMMTcuODM3NTYwOCwyMC4wMDAwMDE5IEwxNC4xNTIyODI0LDIzLjY1NDgyNDMgQzE0LjA1MDc1ODIsMjMuNzc2NjUxNyAxNCwyMy45MjM4NTgyIDE0LDI0LjA5NjQ0NzcgQzE0LDI0LjI2OTAzNzIgMTQuMDUwNzU4MiwyNC40MTYyNDM3IDE0LjE1MjI4MjQsMjQuNTM4MDcxMSBMMTUuNDYxOTI5NCwyNS44MTcyNTg5IEMxNS41ODM3NTY5LDI1LjkzOTA4NjMgMTUuNzI1ODg3NiwyNiAxNS44ODgzMjE2LDI2IEMxNi4wNTA3NTk1LDI2IDE2LjE5Mjg5MDIsMjUuOTM5MDg2MyAxNi4zMTQ3MjE2LDI1LjgxNzI1ODkgTDIwLDIyLjE2MjQzNjUgTDIzLjY1NDgyMzUsMjUuODE3MjU4OSBDMjMuNzc2NjUxLDI1LjkzOTA4NjMgMjMuOTE4NzgxNywyNiAyNC4wODEyMTk2LDI2IEMyNC4yNDM2NTc1LDI2IDI0LjM4NTc4ODIsMjUuOTM5MDg2MyAyNC41MDc2MTU3LDI1LjgxNzI1ODkgTDI1LjgxNzI2MjcsMjQuNTM4MDcxMSBDMjUuOTM5MDkwMiwyNC40MTYyNDM3IDI2LDI0LjI2OTAzNzIgMjYsMjQuMDk2NDQ3NyBDMjYsMjMuOTIzODU4MiAyNS45MzkwOTAyLDIzLjc3NjY1MTcgMjUuODE3MjYyNywyMy42NTQ4MjQzIEwyMi4xMzE5ODA0LDIwLjAwMDAwMTkgTDI1LjgxNzI2MjcsMTYuMzQ1MTc5NiBaIiBpZD0iUGF0aCIgZmlsbD0iI0ZGRkZGRiI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+) no-repeat 0 50%;
}
.c-message--info{
	background:#20A0FF url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjQwcHgiIGhlaWdodD0iNDBweCIgdmlld0JveD0iMCAwIDQwIDQwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCAzOS4xICgzMTcyMCkgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgICA8dGl0bGU+aWNvbl9pbmZvPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9IkVsZW1lbnQtZ3VpZGVsaW5lLXYwLjIuNCIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9Ik1lc3NhZ2UiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC02MC4wMDAwMDAsIC0xNTIuMDAwMDAwKSI+CiAgICAgICAgICAgIDxnIGlkPSLluKblgL7lkJFf5L+h5oGvIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg2MC4wMDAwMDAsIDE1Mi4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxnIGlkPSJSZWN0YW5nbGUtMiI+CiAgICAgICAgICAgICAgICAgICAgPGcgaWQ9Imljb25faW5mbyI+CiAgICAgICAgICAgICAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtMiIgZmlsbD0iIzUwQkZGRiIgeD0iMCIgeT0iMCIgd2lkdGg9IjQwIiBoZWlnaHQ9IjQwIj48L3JlY3Q+CiAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0yMS42MTUzODQ2LDI2LjU0MzIwOTkgQzIxLjYxNTM4NDYsMjYuOTQ3ODc1MSAyMS40NTgzMzQ4LDI3LjI5MTgzNjggMjEuMTQ0MjMwOCwyNy41NzUxMDI5IEMyMC44MzAxMjY4LDI3Ljg1ODM2ODkgMjAuNDQ4NzE5NCwyOCAyMCwyOCBDMTkuNTUxMjgwNiwyOCAxOS4xNjk4NzMyLDI3Ljg1ODM2ODkgMTguODU1NzY5MiwyNy41NzUxMDI5IEMxOC41NDE2NjUyLDI3LjI5MTgzNjggMTguMzg0NjE1NCwyNi45NDc4NzUxIDE4LjM4NDYxNTQsMjYuNTQzMjA5OSBMMTguMzg0NjE1NCwxOS43NDQ4NTYgQzE4LjM4NDYxNTQsMTkuMzQwMTkwNyAxOC41NDE2NjUyLDE4Ljk5NjIyOSAxOC44NTU3NjkyLDE4LjcxMjk2MyBDMTkuMTY5ODczMiwxOC40Mjk2OTY5IDE5LjU1MTI4MDYsMTguMjg4MDY1OCAyMCwxOC4yODgwNjU4IEMyMC40NDg3MTk0LDE4LjI4ODA2NTggMjAuODMwMTI2OCwxOC40Mjk2OTY5IDIxLjE0NDIzMDgsMTguNzEyOTYzIEMyMS40NTgzMzQ4LDE4Ljk5NjIyOSAyMS42MTUzODQ2LDE5LjM0MDE5MDcgMjEuNjE1Mzg0NiwxOS43NDQ4NTYgTDIxLjYxNTM4NDYsMjYuNTQzMjA5OSBaIE0yMCwxNS44MDQyOTgxIEMxOS40NDQ0NDI3LDE1LjgwNDI5ODEgMTguOTcyMjI0LDE1LjYxOTM2ODcgMTguNTgzMzMzMywxNS4yNDk1MDQ2IEMxOC4xOTQ0NDI3LDE0Ljg3OTY0MDYgMTgsMTQuNDMwNTI1NSAxOCwxMy45MDIxNDkxIEMxOCwxMy4zNzM3NzI2IDE4LjE5NDQ0MjcsMTIuOTI0NjU3NSAxOC41ODMzMzMzLDEyLjU1NDc5MzUgQzE4Ljk3MjIyNCwxMi4xODQ5Mjk1IDE5LjQ0NDQ0MjcsMTIgMjAsMTIgQzIwLjU1NTU1NzMsMTIgMjEuMDI3Nzc2LDEyLjE4NDkyOTUgMjEuNDE2NjY2NywxMi41NTQ3OTM1IEMyMS44MDU1NTczLDEyLjkyNDY1NzUgMjIsMTMuMzczNzcyNiAyMiwxMy45MDIxNDkxIEMyMiwxNC40MzA1MjU1IDIxLjgwNTU1NzMsMTQuODc5NjQwNiAyMS40MTY2NjY3LDE1LjI0OTUwNDYgQzIxLjAyNzc3NiwxNS42MTkzNjg3IDIwLjU1NTU1NzMsMTUuODA0Mjk4MSAyMCwxNS44MDQyOTgxIFoiIGlkPSJDb21iaW5lZC1TaGFwZSIgZmlsbD0iI0ZGRkZGRiI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+) no-repeat 0 50%;
}
.c-message--warn{
	background:#F7BA2A url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjQwcHgiIGhlaWdodD0iNDBweCIgdmlld0JveD0iMCAwIDQwIDQwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCAzOS4xICgzMTcyMCkgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgICA8dGl0bGU+aWNvbl93YXJuaW5nPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9Ik1lc3NhZ2UiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC02MC4wMDAwMDAsIC0yNzIuMDAwMDAwKSI+CiAgICAgICAgICAgIDxnIGlkPSLluKblgL7lkJFf5L+h5oGvLWNvcHkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDYwLjAwMDAwMCwgMjcyLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPGcgaWQ9IlJlY3RhbmdsZS0yIj4KICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iaWNvbl93YXJuaW5nIj4KICAgICAgICAgICAgICAgICAgICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZS0yIiBmaWxsPSIjRjdCQTJBIiB4PSIwIiB5PSIwIiB3aWR0aD0iNDAiIGhlaWdodD0iNDAiPjwvcmVjdD4KICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTIxLjYxNTM4NDYsMjYuNTQzMjA5OSBDMjEuNjE1Mzg0NiwyNi45NDc4NzUxIDIxLjQ1ODMzNDgsMjcuMjkxODM2OCAyMS4xNDQyMzA4LDI3LjU3NTEwMjkgQzIwLjgzMDEyNjgsMjcuODU4MzY4OSAyMC40NDg3MTk0LDI4IDIwLDI4IEMxOS41NTEyODA2LDI4IDE5LjE2OTg3MzIsMjcuODU4MzY4OSAxOC44NTU3NjkyLDI3LjU3NTEwMjkgQzE4LjU0MTY2NTIsMjcuMjkxODM2OCAxOC4zODQ2MTU0LDI2Ljk0Nzg3NTEgMTguMzg0NjE1NCwyNi41NDMyMDk5IEwxOC4zODQ2MTU0LDE5Ljc0NDg1NiBDMTguMzg0NjE1NCwxOS4zNDAxOTA3IDE4LjU0MTY2NTIsMTguOTk2MjI5IDE4Ljg1NTc2OTIsMTguNzEyOTYzIEMxOS4xNjk4NzMyLDE4LjQyOTY5NjkgMTkuNTUxMjgwNiwxOC4yODgwNjU4IDIwLDE4LjI4ODA2NTggQzIwLjQ0ODcxOTQsMTguMjg4MDY1OCAyMC44MzAxMjY4LDE4LjQyOTY5NjkgMjEuMTQ0MjMwOCwxOC43MTI5NjMgQzIxLjQ1ODMzNDgsMTguOTk2MjI5IDIxLjYxNTM4NDYsMTkuMzQwMTkwNyAyMS42MTUzODQ2LDE5Ljc0NDg1NiBMMjEuNjE1Mzg0NiwyNi41NDMyMDk5IFogTTIwLDE1LjgwNDI5ODEgQzE5LjQ0NDQ0MjcsMTUuODA0Mjk4MSAxOC45NzIyMjQsMTUuNjE5MzY4NyAxOC41ODMzMzMzLDE1LjI0OTUwNDYgQzE4LjE5NDQ0MjcsMTQuODc5NjQwNiAxOCwxNC40MzA1MjU1IDE4LDEzLjkwMjE0OTEgQzE4LDEzLjM3Mzc3MjYgMTguMTk0NDQyNywxMi45MjQ2NTc1IDE4LjU4MzMzMzMsMTIuNTU0NzkzNSBDMTguOTcyMjI0LDEyLjE4NDkyOTUgMTkuNDQ0NDQyNywxMiAyMCwxMiBDMjAuNTU1NTU3MywxMiAyMS4wMjc3NzYsMTIuMTg0OTI5NSAyMS40MTY2NjY3LDEyLjU1NDc5MzUgQzIxLjgwNTU1NzMsMTIuOTI0NjU3NSAyMiwxMy4zNzM3NzI2IDIyLDEzLjkwMjE0OTEgQzIyLDE0LjQzMDUyNTUgMjEuODA1NTU3MywxNC44Nzk2NDA2IDIxLjQxNjY2NjcsMTUuMjQ5NTA0NiBDMjEuMDI3Nzc2LDE1LjYxOTM2ODcgMjAuNTU1NTU3MywxNS44MDQyOTgxIDIwLDE1LjgwNDI5ODEgWiIgaWQ9IkNvbWJpbmVkLVNoYXBlIiBmaWxsPSIjRkZGRkZGIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyMC4wMDAwMDAsIDIwLjAwMDAwMCkgc2NhbGUoMSwgLTEpIHRyYW5zbGF0ZSgtMjAuMDAwMDAwLCAtMjAuMDAwMDAwKSAiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==) no-repeat 0 50%;
}
.c-message--close{
	position: absolute;
	right: 10px;
	color: #999;
	text-decoration: none;
	cursor: pointer;
	font-size: 30px;
	top: 0;
	line-height: 34px;
	display: block;
	height: 40px;
}
.c-message--close:hover{
	color:#666;
}
@keyframes messageFadeInDown {
	0% {
			/*// -webkit-transform: translate3d(0,-100%,0);
			// transform: translate3d(0,-100%,0)*/
			 /*@include transform(translate3d(0,-100%,0));*/
				-moz-transform:translate3d(0,-100%,0);
				-webkit-transform:translate3d(0,-100%,0);
				-o-transform:translate3d(0,-100%,0);
				transform:translate3d(0,-100%,0);
	}

	100% {
			/*// -webkit-transform: none;
			// transform: none*/
			/*@include transform(none);*/
			-moz-transform:none;
		-webkit-transform:none;
		-o-transform:none;
		transform:none;
	}
}

.c-message.messageFadeInDown {
	-webkit-animation-duration: .6s;
	animation-duration: .6s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: messageFadeInDown;
	animation-name: messageFadeInDown;
}

@keyframes messageFadeOutUp {
	0% {
			opacity: 1
	}

	100% {
			opacity: 0;
			-moz-transform:translateY(-100%);
		-webkit-transform:translateY(-100%);
		-o-transform:translateY(-100%);
		transform:translateY(-100%);
			/*@include transform(translateY(-100%));*/
	}
}

.c-message.messageFadeOutUp {
	-webkit-animation-duration: .6s;
	animation-duration: .6s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: messageFadeOutUp;
	animation-name: messageFadeOutUp
}