@charset "utf-8"; /* CSS Document *//* reset */
body, h1, h2, h3, h4, h5, p, dl, dd, ul, ol, form, input, textarea, th, td, tbody, table, select, span, em {
    margin: 0;
    padding: 0;
    list-style: none;
}

em {
    font-style: normal;
}

li {
    list-style: none;
    vertical-align: top;
}

img {
    border: none;
    vertical-align: top;
}

table {
    border-collapse: collapse;
}

input, textarea {
    outline: none;
}

textarea {
    resize: none;
    overflow: auto;
}

body {
    color: #323D52;
    font-family: "微软雅黑";
    font-size: 14px;
    margin: 0 auto;
    background: #fff;
}

a {
    text-decoration: none;
    color: #000;
}

/*a:hover{color: #c40000;}*/
h3 {
    font-size: 13px;
}

.clearFix {
    zoom: 1;
}

.clearFix:after {
    clear: both;
    display: block;
    content: "";
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.clear {
    width: 0;
    height: 0;
    clear: both;
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.hidden {
    display: none !important;
}

.spa {
    height: 36px;
    line-height: 36px;
    width: 204px;
    display: inline-block;
    float: left;
    font-size: 12px;
    color: #BD362F;
    text-indent: 10px; /*margin-top: 10px;*/
}

.point {
    cursor: pointer;
}

.blue-color {
    color: #316BD1;
}

.tip-text {
    color: #909399;
    font-size: 14px;
}

.tip {
    color: #909399;
    font-size: 14px;
    margin: 20px 0 20px 120px;
}

.upload {
    margin-left: 125px;
    margin-top: 20px;
}

.submit {
    width: 60px;
    color: #fff;
    font-size: 16px;
    background: #316BD1;
    padding: 14px 20px;
    text-align: center;
    border-radius: 6px;
    margin-right: 20px;
}

.submitTmp {
    background-color: #ccc;
}

html, body {
    min-width: 1200px;
    overflow-x: auto;
}

body {
    padding-top: 80px;
}

/*.opacity{*/ /*opacity: 0.7; !*通用*!*/ /*filter: alpha(opacity=0); !*IE下*!*/ /*-moz-opacity:0.7; !* 老版Mozilla *!*/ /*-khtml-opacity:0.7; !* 老版Safari *!*//*}*/
.popup-tishi-container {
    position: fixed;
    z-index: 200;
    background-color: rgba(0, 0, 0, 0.75) !important;
    text-align: center;
    color: #ffffff;
    font-size: 16px;
    padding: 4px 10px;
    border-radius: 6px;
    top: 20%;
    left: 48%; /*transform: translate(-50%,-50%);*/
}

.row-text {
    color: #B9B9B9; /*opacity: .7;*/
}

.copyright a {
    color: #B9B9B9;
}

.copyright a:hover {
    color: #fff;
}

.copyright {
    color: #B9B9B9;
    padding: 10px 0;
}

/*轮播图start*/
.myslider {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    overflow-x: hidden;
}

.myslider .banner-container {
    height: 100%;
}

.myslider .banner-item {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.banner-item .item-conts {
    position: relative;
    width: 1200px;
    height: 100%;
    margin: 0 auto;
}

.banner-wrap .banner-item .item-conts .item-conts-img {
    width: 1920px;
    height: 600px; /*margin-top: -115px;*/
    margin-left: -360px;
}

.banner-item .item-conts .text-box {
    position: absolute;
    bottom: 0;
    background-color: rgba(0, 0, 0, .5);
    width: 100%;
    height: 78px;
    line-height: 78px;
    color: #fff;
    padding-left: 10px;
    font-size: 15px;
    overflow: hidden;
}

.myslider .all-dot {
    position: absolute;
    bottom: 4px;
    height: 26px;
    line-height: 26px;
    z-index: 6;
    width: 100%;
    text-align: center;
}

.myslider .dot-box {
    width: auto;
    display: inline-block;
    text-align: center;
    margin: 0 auto;
    z-index: 6;
    list-style-type: none;
    overflow: hidden;
    padding: 0;
}

* + html .myslider .dot-box {
    margin-left: 45%;
    margin-top: 10px;
}

.myslider .dot-box li {
    float: left;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    margin-right: 10px;
    cursor: pointer;
    border: 2px solid #ffffff;
    filter: alpha(opacity=70); /* IE */
    -moz-opacity: 0.7; /* 老版Mozilla */
    -khtml-opacity: 0.7; /* 老版Safari */
    opacity: 0.7; /* 支持opacity的浏览器*/
}

.myslider .dot-box .active {
    background-color: #e4e5e5;
    border: none;
    width: 10px;
    height: 10px;
    margin-top: 1px;
}

.myslider .left-arrow {
    position: absolute;
    width: 30px;
    height: 30px;
    left: 15px;
    top: 48%;
    z-index: 10;
    background: url("../images/home/icon_arrow_left.png") no-repeat center center;
    cursor: pointer;
    color: #fff;
    border: 5px;
    filter: alpha(opacity=98); /* IE */
    -moz-opacity: 0.98; /* 老版Mozilla */
    -khtml-opacity: 0.98; /* 老版Safari */
    opacity: 0.98; /* 支持opacity的浏览器*/
}

.myslider .left-arrow:hover, .myslider .right-arrow:hover {
    filter: alpha(opacity=90); /* IE */
    -moz-opacity: 0.9; /* 老版Mozilla */
    -khtml-opacity: 0.9; /* 老版Safari */
    opacity: 0.9; /* 支持opacity的浏览器*/
}

.myslider .right-arrow {
    position: absolute;
    top: 48%;
    width: 30px;
    height: 30px;
    right: 15px;
    background: url("../images/home/icon_arrow_right.png") no-repeat center center;
    z-index: 10;
    cursor: pointer;
    color: #fff;
    filter: alpha(opacity=98); /* IE */
    -moz-opacity: 0.98; /* 老版Mozilla */
    -khtml-opacity: 0.98; /* 老版Safari */
    opacity: 0.98; /* 支持opacity的浏览器*/
}

/*轮播图end*/
.sec-news-wrap {
    background-color: #fafafa;
}

.website-floor2 {
    width: 100%;
    background-color: #fafafa;
    padding: 40px 0;
    overflow: hidden;
}

.website-floor2-list {
    width: 1200px;
    margin: 0 auto;
    box-sizing: border-box;
    list-style: none;
    padding: 0;
}

.website-floor2-list li {
    position: relative;
    list-style: none;
    width: 298px;
    height: 300px;
    float: left;
    border: 1px solid #eaebec;
    border-right: none;
    box-sizing: border-box;
    text-align: center;
    transition: all .2s linear;
    background-color: #fff;
    overflow: hidden;
}

.website-floor2-list li img {
    width: 100%;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
}

.website-floor2-list li span {
    position: absolute;
    text-align: center;
    left: 0;
    width: 100%;
}

.website-floor2-list .floor2-list-title {
    font-size: 18px;
    top: 25px;
    margin-bottom: 10px;
}

.website-floor2-list .floor2-list-content {
    font-size: 14px;
    top: 60px;
}

.website-floor2-list li:hover {
    box-shadow: 0 15px 30px rgba(0, 0, 0, .1);
    -webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, .1);
    transform: translate3d(0, -5px, 0);
    -webkit-transform: translate3d(0, -5px, 0)
}

.website-floor2-list li:nth-of-type(4) {
    border-right: solid 1px #eaebec
}

.sec-news-wrap .newsLogo {
    position: relative;
    float: left;
    height: 30px;
    font-size: 20px;
    color: #316BD1;
}

.sec-news-wrap .newsWrap {
    width: 1200px;
    margin: 0 auto;
    padding: 25px 0 0;
    line-height: 30px;
    overflow: hidden;
}

.sec-news-wrap .swiper-container {
    float: left;
    height: 30px;
    overflow: hidden;
    font-size: 16px;
    line-height: 30px;
    padding-left: 10px;
}

.sec-news-wrap .swiper-slide {
    font-size: 18px;
    color: #316BD1;
}

.sec-news-wrap a {
    text-decoration: none;
    color: #316BD1;
}

.sec-news-wrap .moreNews {
    float: right;
    text-decoration: none;
    color: #000;
    font-size: 16px;
    line-height: 30px;
    padding-left: 2px;
}

.sec-news-wrap .moreNews:hover {
    color: #3296fa;
}

.sec-news-wrap .newsIcon {
    width: 23px;
    height: 14px;
    font-size: 10px;
    font-weight: 400;
    color: #F19320;
    border: 1px solid #F19320;
    margin-left: 20px;
}

.website-floor-title {
    position: absolute;
    width: 100%;
    text-align: center;
    font-size: 40px;
    color: #323D52;
    line-height: 40px;
}

/*header*/
.header {
    width: 100%;
    border-bottom: 1px solid #f2f4f7;
    position: fixed;
    background: #fff;
    top: 0;
    z-index: 200;
}

.header-contanier { /*min-width: 1200px;*/
    width: 1200px;
    margin: 0 auto;
}

.head-icon { /*width: 165px;*/
    height: 44px;
    float: left;
    margin-top: 18px;
    margin-left: 20px;
    margin-right: 30px; /*vertical-align:middle;*/ /*margin-right: 30px;*/ /*padding: 16px 0;*/
    zoom: 1;
}

.head-ul {
    text-align: center;
    line-height: 80px;
}

.head-ul > li {
    display: block;
    list-style-type: none;
    float: left; /*padding: 0 50px;*/
    padding: 0 30px;
}

#expert {
    position: relative;
}

#instury {
    position: relative;
}

#instury-details {
    width: 120px;
    text-align: center;
    line-height: 40px;
    background: #f5f5f5;
    position: absolute;
    right: 8px;
    top: 80px;
}

#instury-details > li {
    display: block;
    list-style-type: none;
}

#instury-details > li:hover {
    background: #316BD1;
}

#instury-details > li > a {
    font-size: 14px;
    text-decoration: none;
    color: #3e4962;
    display: block;
}

#instury-details > li > a:hover {
    color: #fff;
}

#expert-details {
    width: 120px;
    text-align: center;
    line-height: 40px;
    background: #f5f5f5;
    position: absolute;
    right: 8px;
    top: 80px;
}

#expert-details > li {
    display: block;
    list-style-type: none;
}

#expert-details > li:hover {
    background: #316BD1;
}

#expert-details > li > a {
    font-size: 14px;
    text-decoration: none;
    color: #3e4962;
    display: block;
}

#expert-details > li > a:hover {
    color: #fff;
}

.head-ul > li > a {
    font-size: 16px;
    text-decoration: none;
    color: #323D52;
}

.head-ul > li > a:hover {
    color: #316BD1;
}

.head-right {
    height: 80px;
    line-height: 80px;
    text-align: center;
}

.head-right li { /*width: 88px;*/
    padding: 0 20px;
    display: block;
    list-style-type: none;
    float: left;
    zoom: 1;
}

.head-right li a {
    display: block;
    font-size: 16px;
    color: #323D52;
}

.head-right .blue {
    background: #316bd1;
    color: #fff;
    overflow: hidden;
    height: 78px;
}

.head-right .gray {
    height: 78px; /*background: #fafafa;*/ /*border-right: 1px solid #ebeef3;*/
}

.head-right .blue:hover {
    background: #426ae3;
    opacity: .9;
}

.head-right .gray:hover { /*background: #f5f5f5;*/
}

.head-right .blue a {
    color: #fff;
}

.head-right .blue a:hover {
    color: #fff;
}

.head-right .gray a:hover {
    color: #316BD1;
}

.head-right .blue-f a {
    color: #316BD1;
}

.head-right .blue-f a:hover {
    color: #323D52;
}

@media screen and (max-width: 1280px){
    .head-ul > li > a{
        font-size: 14px;
    }
    .head-right li a {
        font-size: 14px;
    }
}
@media screen and (min-width: 1280px){
    .head-ul > li > a{
        font-size: 16px;
    }
    .head-right li a {
        font-size: 16px;
    }
}


.popup-white .close-popup {
    width: 24px;
    height: 24px;
    background: url("../images/popup-close.png") no-repeat center center;
    background-size: 24px 24px;
    margin: 15px 15px 0 0;
}

.popup-white .code-num {
    width: 112px;
    font-size: 16px;
    color: #316BD1;
    border-left: 1px solid #cccccc;
    margin-top: 12px;
    text-align: center;
}

.popup-mask {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .7);
}

.popup-white {
    position: fixed;
    z-index: 10;
    width: 400px;
    height: 370px;
    border-radius: 16px;
    top: 100px;
    left: 40%;
    background-color: #fff;
}

.popup-white .input-wrap {
    position: relative;
    width: 320px;
    height: 48px;
    border: 1px solid rgba(50, 61, 82, .25);
    border-radius: 10px;
    margin: 10px 36px;
    overflow: hidden;
}

.popup-white .popup-title {
    text-align: center;
    font-size: 18px;
    color: #323D52;
    font-weight: 500;
    padding: 30px 0;
    width: 260px;
    margin: 0 auto;
}

.popup-white .remember-pwd {
    line-height: 18px;
    margin: 15px 40px 0 40px;
}

.popup-white .check {
    display: inline-block;
    width: 14px;
    height: 14px;
    border-radius: 4px;
    border: 1px solid #cccccc;
    vertical-align: middle;
    margin-right: 4px;
    overflow: hidden;
}

.popup-white .check.active {
    background: url("../images/check-active.png") no-repeat center center;
    background-size: 14px 14px;
    border: 1px solid #316BD1;
}

.popup-white .blue-btn {
    width: 320px;
    height: 48px;
    line-height: 48px;
    border-radius: 8px;
    font-size: 16px;
    color: #fff;
    text-align: center;
    margin: 0 auto;
    background: #316BD1;
    margin-top: 25px;
}

.popup-white .border-btn {
    width: 320px;
    height: 48px;
    line-height: 48px;
    border-radius: 8px;
    font-size: 16px;
    color: #316BD1;
    text-align: center;
    margin: 0 auto;
    background: #fff;
    margin-top: 25px;
    border: 1px solid #316BD1;
}

.popup-white .border-btn:hover {
    opacity: .9;
}

.popup-white .blue-btn:hover {
    opacity: .9;
}

.popup-white .no-order {
    font-size: 16px;
    color: #323D52;
    text-align: center;
    margin-bottom: 60px;
    padding-top: 40px;
}

/*footer*/
.footer {
    width: 100%;
    background: #303036;
    height: 360px;
}

.footer-container {
    width: 1200px;
    margin: 0 auto;
    color: #ebeef3;
    box-sizing: border-box;
    padding-top: 50px;
}

.footer-background {
    margin-right: 30px;
    padding: 0 20px;
    background: url("../images/line.png") no-repeat center center; /*background-size: cover;*/
}

.footer-background .background-image {
    display: block;
    margin: 0 auto;
    width: 110px;
    border: 5px solid #303036;
    height: auto;
}

.footer-top-info {
    width: 1200px;
}

.footer-top-info .footer-left .row-wrap .row-title {
    color: #fff;
}

.footer-top-info .footer-left .row-wrap {
    line-height: 2.4;
    padding-right: 100px;
}

.footer-img-bottom {
    margin-top: 20px;
    margin-right: 30px;
}

/*index page start*/
.index-page .banner-wrap {
    width: 100%;
    height: 600px;
    min-width: 1200px;
    position: relative;
}

.index-page .login-btn {
    position: absolute;
    left: 360px;
    bottom: 20%;
    width: 380px;
    height: 80px;
    z-index: 10;
    cursor: pointer;
}

.website-floor3 {
    width: 100%;
    height: 850px;
    background: #fff url('../images/home/map.png') no-repeat center -300px;
}

.website-floor3-center {
    position: relative;
    width: 1180px;
    height: 850px;
    margin: 0 auto;
    overflow: hidden;
}

.floor3-title {
    top: 60px;
}

.floor3-txt {
    top: 128px;
}

.website-floor3 .website-floor-txt {
    position: absolute;
    width: 100%;
    text-align: center;
    font-size: 16px;
}

.website-floor3 .circle-position {
    position: absolute;
    left: 50%;
    top: 40%; /*left: 350px;*/ /*top:240px;*/
    width: 60px;
}

.website-floor3 .floor3-circle {
    position: relative;
    margin: 0 auto; /*left: 50%;*/ /*top: 43%;*/ /*transform: translate(-50%,-50%) rotateX(50deg);*/ /*-webkit-transform: translate(-50%,-50%) rotateX(50deg);*/
    width: 1200px;
    height: 400px;
}

.floor3-circle .circle-a {
    position: absolute;
    left: 224px;
    top: 200px;
    width: 752px;
    height: 450px;
    background: url(../images/home/circle-bg.png) center center no-repeat; /*background-size: 35% 35%;*/
    filter: alpha(opacity=50); /* IE */
    -moz-opacity: 0.5; /* 老版Mozilla */
    -khtml-opacity: 0.5; /* 老版Safari */
    opacity: 0.5; /* 支持opacity的浏览器*/
}

.floor3-circle .circle-b {
    position: absolute;
    left: 350px;
    top: 270px;
    width: 500px; /*background: url(../images/home/circle-bg.png) center center no-repeat;*/
    filter: alpha(opacity=50); /* IE */
    -moz-opacity: 0.5; /* 老版Mozilla */
    -khtml-opacity: 0.5; /* 老版Safari */
    opacity: 0.5; /* 支持opacity的浏览器*/ /*background-size: 35% 35%;*/ /*opacity: 0;*/
}

.floor3-circle .circle-a { /*-webkit-animation: ani-circle-a 4.5s ease-out forwards infinite;*/ /*animation: ani-circle-a 4.5s ease-out forwards infinite*/
}

.floor3-circle .circle-b { /*-webkit-animation: ani-circle-a 4.5s ease-out 1.5s forwards infinite;*/ /*animation: ani-circle-a 4.5s ease-out 1.5s forwards infinite*/
}

.floor3-circle .circle-c { /*-webkit-animation: ani-circle-a 4.5s ease-out 3s forwards infinite;*/ /*animation: ani-circle-a 4.5s ease-out 3s forwards infinite*/
}

.floor3-more-industry {
    bottom: 50px;
    width: 140px
}

.floor3-dataList {
    width: 950px;
    height: 248px;
    overflow: hidden;
    margin: 60px auto 0 auto;
    padding-top: 20px;
}

.floor3-dataList li { /*position: absolute;*/ /*bottom: -200px;*/ /*width: 218px;*/ /*height: 248px;*/ /*border: 2px solid #41bafa;*/
    position: relative;
    width: 182px;
    height: 198px; /*background: url("../images/home/border.png") center center no-repeat;*/ /*background-size: 100%;*/
    border-radius: 3px;
    float: left;
    box-sizing: border-box;
    text-align: center;
    list-style: none;
    margin-right: 72px; /*background: #fff;*/
    transition: all .2s linear;
    -webkit-transition: all .2s linear;
    cursor: pointer;
}

.floor3-dataList li .border {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
}

.floor3-dataList .noMargin {
    margin: 0;
}

.floor3-dataList li:hover { /*box-shadow: 0 15px 30px rgba(0,0,0,.1);*/ /*-webkit-box-shadow: 0 15px 30px rgba(0,0,0,.1);*/
    transform: translate3d(0, -5px, 0);
    -webkit-transform: translate3d(0, -5px, 0)
}

.floor3-dataList .dataList-animation li:nth-of-type(1) { /*border: 2px solid #44e2ba;*/
    left: 115px;
    animation: dataList-ani 6s forwards;
    -webkit-animation: dataList-ani 6s forwards
}

.floor3-dataList .dataList-animation li:nth-of-type(2) { /*border: 2px solid #fcd37c;*/
    left: 365px;
    animation: dataList-ani 6s .2s forwards;
    -webkit-animation: dataList-ani 6s .2s forwards
}

.floor3-dataList .dataList-animation li:nth-of-type(3) { /*border: 2px solid #bd90ed;*/
    left: 615px;
    animation: dataList-ani 6s .4s forwards;
    -webkit-animation: dataList-ani 6s .4s forwards
}

.floor3-dataList .dataList-animation li:nth-of-type(4) { /*border: 2px solid #42bafa;*/
    left: 865px;
    animation: dataList-ani 6s .6s forwards;
    -webkit-animation: dataList-ani 6s .6s forwards
}

.floor3-dataList .dataList-animation2 li:nth-of-type(1) { /*border: 2px solid #44e2ba;*/
    left: 115px;
    animation: dataList-ani2 2s forwards;
    -webkit-animation: dataList-ani2 2s forwards;
}

.floor3-dataList .li1 .dataList-title {
    color: #316BD1;
}

.floor3-dataList .dataList-animation2 li:nth-of-type(2) { /*border: 2px solid #fcd37c;*/
    left: 365px;
    animation: dataList-ani2 2s .2s forwards;
    -webkit-animation: dataList-ani2 2s .2s forwards;
}

.floor3-dataList .li2 .dataList-title {
    color: #F19320;
}

.floor3-dataList .dataList-animation2 li:nth-of-type(3) { /*border: 2px solid #bd90ed;*/
    left: 615px;
    animation: dataList-ani2 2s .4s forwards;
    -webkit-animation: dataList-ani2 2s .4s forwards;
}

.floor3-dataList .li3 .dataList-title {
    color: #12A36C;
}

.floor3-dataList .dataList-animation2 li:nth-of-type(4) { /*border: 2px solid #42bafa;*/
    left: 865px;
    animation: dataList-ani2 2s .6s forwards;
    -webkit-animation: dataList-ani2 2s .6s forwards;
}

.floor3-dataList .li4 .dataList-title {
    color: #9013FE
}

.floor3-dataList .dataList-title {
    font-size: 26px;
    color: #303036;
    padding-top: 56px;
    padding-bottom: 10px;
    font-family: Helvetica, Arial, "Microsoft Yahei", "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif
}

.floor3-dataList .dataList-title span {
    font-weight: 700;
    font-size: 30px; /*vertical-align: "basaline"*/
}

.floor3-dataList .dataList-txt {
    font-size: 22px;
    color: #323D52;
    margin: 0 0 20px 0;
}

.floor3-dataList .dataList-link {
    font-size: 12px;
    color: #666;
    text-decoration: none
}

.website-floor3 .floor3-more-industry {
    bottom: 50px;
    width: 140px;
}

.website-floor3 .websiteBtn {
    display: block;
    width: 154px;
    height: 30px;
    margin: 36px auto 0 auto;
    color: #316BD1;
    text-align: center;
    line-height: 30px;
    text-decoration: none;
    border: 1px solid #316BD1;
    border-radius: 2px;
    font-size: 14px;
}

@-webkit-keyframes ani-circle-a {
    0% { /*-webkit-transform: scale(.8);*/
        transform: scale(.8);
        opacity: 0;
        filter: alpha(opacity=0)
    }
    10% {
        opacity: .7; /*filter: alpha(opacity=70)*/
    }
    100% { /*-webkit-transform: scale(5.5);*/
        transform: scale(5.5);
        opacity: 0; /*filter: alpha(opacity=0)*/
    }
}

@keyframes ani-circle-a {
    0% {
        -webkit-transform: scale(.8);
        transform: scale(.8);
        opacity: 0;
        filter: alpha(opacity=0)
    }
    10% {
        opacity: .7;
        filter: alpha(opacity=70)
    }
    100% {
        -webkit-transform: scale(5.5);
        transform: scale(5.5);
        opacity: 0;
        filter: alpha(opacity=0)
    }
}

@-webkit-keyframes dataList-ani {
    0% {
        bottom: -200px;
        opacity: 0;
        filter: alpha(opacity=0)
    }
    7% {
        opacity: 0;
        filter: alpha(opacity=0)
    }
    25%, 75% {
        bottom: 137px;
        opacity: 1;
        filter: alpha(opacity=100)
    }
    100% {
        bottom: 600px;
        opacity: 0;
        filter: alpha(opacity=0)
    }
}

@-webkit-keyframes dataList-ani2 {
    0% {
        bottom: -200px;
        opacity: 0;
        filter: alpha(opacity=0)
    }
    30% {
        opacity: 0;
        filter: alpha(opacity=0)
    }
    100% {
        bottom: 157px;
        opacity: 1;
        filter: alpha(opacity=100)
    }
}

.website-floor4 {
    position: relative;
    width: 100%; /*height: 850px;*/
    background: #fafafa;
    padding: 120px 0 77px;
    box-sizing: border-box
}

.floor4-title {
    top: 60px
}

.floor4-title-s {
    font-size: 20px;
    color: #323D52;
    text-align: center;
    margin-bottom: 30px;
}

.website-floor4-center {
    width: 1180px;
    margin: 0 auto;
    overflow: hidden
}

.floor4-center-top {
    height: 40px;
    padding-top: 10px;
    box-sizing: content-box;
    background: #316BD1;
    text-align: center;
    line-height: 30px;
    font-size: 16px;
    color: #fff
}

.floor4-title-left {
    width: 379px;
    height: 30px;
    float: left;
    border-right: solid 1px #fff;
    box-sizing: border-box;
    margin: 0;
}

.floor4-title-right {
    width: 800px;
    height: 30px;
    float: left;
    margin: 0;
}

.floor4-tab {
    position: relative;
    overflow: hidden
}

.floor4-tab-list {
    position: relative;
    width: 1180px; /*height: 490px;*/
    height: 656px;
    list-style: none;
    padding: 0;
    margin: 0;
}

.floor4-tab li { /*position: absolute*/
}

.floor4-tab-list li:nth-of-type(1) .tab-list-txt {
    top: 0;
    background: #fff;
    border: 1px solid #fff
}

.floor4-tab-list li:nth-of-type(2) .tab-list-txt {
    top: 200px
}

.floor4-tab-list li:nth-of-type(3) .tab-list-txt {
    top: 400px
}

.floor4-tab-list li:nth-of-type(1) .tab-list-content {
    display: block
}

.floor4-tab-list li:nth-of-type(2) .tab-list-content {
    display: none
}

.floor4-tab-list li:nth-of-type(3) .tab-list-content {
    display: none
}

.floor4-tab-list .tab-list-txt {
    width: 380px;
    height: 200px;
    line-height: 200px; /*position: absolute;*/ /*left: 0;*/
    text-align: center; /*padding: 30px 40px 0 30px;*/ /*display: flex;*/ /*justify-content: center;*/ /*align-items: center;*/
    box-sizing: content-box;
    background: #fafafa;
    border: 1px solid #eceef3;
    font-size: 18px;
    color: #316BD1;
}

.floor4-tab-list .tab-list-content {
    position: absolute;
    left: 380px;
    top: 0;
    width: 800px;
    height: 654px;
    box-sizing: content-box;
    border: 1px solid #eceef3;
    border-left: none;
    background: #fff;
}

.floor4-tab-list .tab-list-content-title {
    position: absolute;
    top: 44px;
    width: 800px;
    text-align: center;
    font-size: 28px;
    color: #323D52;
    display: inline-block
}

.floor4-tab-list .tab-list-img-wrap {
    position: absolute;
    bottom: 0;
    display: block;
    width: 100%;
    height: 570px;
    overflow: hidden
}

.floor4-tab-list .tab-list-img-wrap img { /*width: 800px;*/ /*height: 340px*/
    display: block;
    width: 740px;
    height: auto;
    margin: 0 auto;
}

.floor4-tab-list .tab-list-detail {
    position: absolute;
    top: 110px;
    width: 100%;
    padding: 0 20px;
    text-align: center;
    box-sizing: border-box;
    font-size: 16px
}

.floor4-tab-list .tab-list-content a {
    bottom: 40px;
    padding-right: 7px
}

.floor4-tab-list .tab-list-content a:hover {
    color: #3279e3; /*background-image: url(https://gw.alicdn.com/tfs/TB1rm_sRXXXXXcxXpXXXXXXXXXX-200-200.png);*/ /*background-repeat: no-repeat;*/ /*background-size: 12px 12px;*/ /*background-position: 110px center*/
}

.floor4-tab-slider {
    position: absolute;
    left: 0;
    top: 0;
    width: 6px;
    height: 202px;
    background: #316BD1;
    transition: all .7s
}

.floor4-tab-change {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 378px;
    height: 49px;
    box-sizing: content-box;
    border: 1px solid #eceef3;
    text-align: center;
    line-height: 49px;
}

.floor4-tab-change a {
    display: inline-block;
    color: #2d9afa
}

.floor4-tab-change .more-icon {
    width: 24px;
    padding-top: 12px;
}

/*.floor4-tab-change span{*/ /*display: inline-block;*/ /*width: 22px;*/ /*height: 22px;*/ /*background: url(https://gw.alicdn.com/tfs/TB16TS7RXXXXXcQXVXXXXXXXXXX-200-200.png) center center no-repeat;*/ /*background-repeat: no-repeat;*/ /*background-size: 22px 22px;*/ /*vertical-align: middle;*/ /*margin: 0 5px 4px 0;*/ /*transition: all .3s;*/ /*transform: rotate(0);*/ /*-webkit-transform: rotate(0);*/ /*transform-origin: center center*//*}*/
.floor4-tab-change a:hover {
    color: #2180E0
}

/*.floor4-tab-change a:hover span{*/ /*background: url(https://gw.alicdn.com/tfs/TB1zYzvRXXXXXcDXpXXXXXXXXXX-200-200.png) center center no-repeat;*/ /*!*background-repeat: no-repeat;*!*/ /*!*background-size: 22px 22px;*!*/ /*transform: rotate(180deg);*/ /*-webkit-transform: rotate(180deg)*//*}*/
#floor4-tab-list2 {
    display: none;
    width: 0;
    height: 0;
    padding: 0;
    margin: 0;
    list-style: none;
}

.website-sec-title {
    text-align: center;
    font-size: 40px;
    color: #323D52;
    line-height: 40px;
    padding: 40px 0 20px 0;
}

.website-sec-title-s {
    font-size: 20px;
    color: #323D52;
    text-align: center;
    margin-bottom: 30px;
}

.website-floor5 {
    background-color: #fff;
    padding-bottom: 100px;
}

.website-floor5 .list-four {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
    padding-top: 20px;
    padding-bottom: 30px;
}

.website-floor5 .li-item {
    position: relative;
    width: 240px;
    margin-right: 64px;
    padding-top: 20px;
    float: left; /*height: 290px;*/ /*padding: 24px 0 14px 0;*/ /*box-sizing: border-box;*/ /*border:1px solid #D2D2D2;*/ /*border-radius: 30px;*/
    text-align: center; /*transition: all .2s linear;*/
    cursor: pointer;
}

.website-floor5 .li-item.noMargin {
    margin-right: 0;
}

.website-floor5 .li-item .content {
    position: relative;
    z-index: 2;
}

/*.website-floor5 .li-item:hover{*/ /*transition: all .2s linear;*/ /*box-shadow: 0 15px 30px rgba(0,0,0,.1);*/ /*-webkit-box-shadow: 0 15px 30px rgba(0,0,0,.1);*/ /*transform: translate3d(0,-5px,0);*/ /*}*/
.website-floor5 .li-item .blue-line {
    position: absolute;
    width: 100%;
    height: 290px; /*background: url("../images/home/sec-border.png") no-repeat center center;*/ /*box-sizing: border-box;*/ /*border-top-right-radius: 30px;*/ /*border-top-left-radius: 30px;*/ /*border: 2px solid #316BD1;*/
    top: -1px;
    left: -1px;
}

.website-floor5 .li-item img.icon {
    width: 90px;
}

.website-floor5 .li-item .item-title {
    font-size: 24px;
    color: #316BD1;
    font-weight: 600;
    margin-top: 14px;
    padding-bottom: 20px;
}

.website-floor5 .li-item .item-desc {
    font-size: 16px;
    color: #323D52;
    padding-bottom: 20px;
}

.website-floor6 {
    background-color: #F5F5F5;
    padding-top: 8px;
    padding-bottom: 50px;
}

.website-floor6-center {
    width: 1180px;
    margin: 0 auto;
    overflow: hidden;
    background-color: #fff;
}

.floor6-center-top {
    height: 80px; /*padding: 10px 0;*/
    box-sizing: border-box;
    text-align: center;
    line-height: 80px;
    font-size: 16px;
    color: #323D52;
    border-bottom: 1px solid #D2D2D2; /*display: flex;*/ /*justify-content: center;*/
    overflow: hidden;
}

.floor6-center-top.active {
    color: #316BD1;
}

.floor6-center-top.active span {
    border-bottom: 3px solid #316BD1;
}

.floor6-top-title {
    width: 50%;
    text-align: center; /*justify-content: center;*/ /*align-items: center;*/
    height: 79px; /*box-sizing: border-box;*/ /*margin: 0;*/ /*display: flex;*/
}

/*.floor6-top-title :nth-child(1){*/ /*margin-right: 300px;*/ /*}*/
.floor6-top-title span { /*display: block;*/ /*height: 100%;*/ /*box-sizing: border-box;*/
    padding-bottom: 26px;
    cursor: pointer;
}

.floor6-top-title.active {
    color: #316BD1;
}

.floor6-top-title.active span {
    border-bottom: 3px solid #316BD1;
}

.floor6-tab {
    position: relative;
    overflow: hidden
}

.floor6-tab-list {
    position: relative;
    width: 1180px; /*height: 490px;*/
    height: 562px;
    list-style: none;
    padding: 0;
    margin: 0;
}

.floor6-tab-list img.active {
    display: none;
}

.floor6-tab-list img.hui {
    display: inline;
}

.tab-list-txt.active img.active {
    display: inline;
}

.tab-list-txt.active img.hui {
    display: none;
}

.floor6-tab li {
    position: absolute
}

.floor6-tab-list li.li01 .tab-list-txt {
    top: 0;
    background: #fff;
    border: 1px solid #fff;
}

.floor6-tab-list li.li02 .tab-list-txt {
    top: 140px
}

.floor6-tab-list li.li03 .tab-list-txt {
    top: 280px
}

.floor6-tab-list li.li04 .tab-list-txt {
    top: 420px
}

.floor6-tab-list li.li05 .tab-list-content {
    display: block
}

.floor6-tab-list li.li02 .tab-list-content, .floor6-tab-list li.li03 .tab-list-content, .floor6-tab-list li.li04 .tab-list-content {
    display: none
}

.floor6-tab-list .tab-list-txt {
    width: 140px;
    height: 140px;
    position: absolute;
    left: 0;
    text-align: center; /*line-height: 160px;*/ /*display: flex;*/ /*justify-content: center;*/ /*align-items: center;*/ /*box-sizing: border-box;*/
    background: #fafafa;
    border: 1px solid #eceef3;
}

.floor6-tab-list img {
    width: 80px;
    margin-top: 28px;
}

.floor6-tab-list .tab-list-content {
    position: absolute;
    left: 140px;
    top: 0;
    width: 1040px;
    height: 562px; /*box-sizing: border-box;*/
    border: 1px solid #eceef3; /*border-left: none;*/ /*background:#fff url("../images/home/floor6_phone.png") no-repeat 20px bottom;*/ /*background-size: 600px auto;*/
}

.floor6-tab-list .phone {
    position: absolute;
    left: 60px;
    width: 540px;
    bottom: 0;
}

.floor6-tab-list .tab-list-content .text-wrap {
    width: 1020px;
    padding-left: 600px;
    padding-top: 160px;
    text-align: left;
    box-sizing: border-box;
}

.floor6-tab-list .tab-list-content img.text {
    width: 440px;
    position: absolute;
    left: 280px;
    bottom: 30px;
}

.floor6-tab-list .tab-list-content img.num {
    width: auto;
    height: 160px;
    position: absolute;
    right: 60px;
    bottom: 50px;
}

.floor6-tab-list .tab-list-content-title {
    text-align: left;
    font-size: 28px;
    color: #323D52;
    display: inline-block;
    margin-bottom: 10px;
}

.floor6-tab-list .tab-list-detail {
    text-align: left;
    box-sizing: border-box;
    font-size: 16px
}

.floor6-tab-list .tab-list-content a {
    bottom: 40px;
    padding-right: 7px
}

.floor6-tab-list .tab-list-content a:hover {
    color: #3279e3;
    background-image: url(https://gw.alicdn.com/tfs/TB1rm_sRXXXXXcxXpXXXXXXXXXX-200-200.png);
    background-repeat: no-repeat;
    background-size: 12px 12px;
    background-position: 110px center
}

.floor6-tab-slider {
    position: absolute;
    left: 0;
    top: 0;
    width: 6px;
    height: 140px;
    background: #316BD1;
    transition: all .7s
}

.floor6-tab-change {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 160px;
    height: 49px;
    box-sizing: border-box;
    border: 1px solid #eceef3;
    text-align: center;
    line-height: 49px;
}

.floor6-tab-change a {
    display: inline-block;
    color: #2d9afa
}

.floor6-tab-change span {
    display: inline-block;
    width: 22px;
    height: 22px;
    background-image: url(https://gw.alicdn.com/tfs/TB16TS7RXXXXXcQXVXXXXXXXXXX-200-200.png);
    background-repeat: no-repeat;
    background-size: 22px 22px;
    vertical-align: middle;
    margin: 0 5px 4px 0;
    transition: all .3s;
    transform: rotate(0);
    -webkit-transform: rotate(0);
    transform-origin: center center
}

.floor6-tab-change a:hover {
    color: #2180E0
}

.floor6-tab-change a:hover span {
    background-image: url(https://gw.alicdn.com/tfs/TB1zYzvRXXXXXcDXpXXXXXXXXXX-200-200.png);
    background-repeat: no-repeat;
    background-size: 22px 22px;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg)
}

#floor6-tab-list2 {
    display: none;
    width: 0;
    height: 0;
    padding: 0;
    margin: 0;
    list-style: none;
}

.floor7-slider {
    width: 1200px;
    margin: 0 auto;
    position: relative;
}

.floor7-slider .left-arrow, .website-floor8 .left-arrow {
    position: absolute;
    width: 30px;
    height: 30px;
    left: -30px;
    top: 48%;
    z-index: 10;
    background: url("../images/home/icon_arrow_left.png") no-repeat center center;
    cursor: pointer;
    color: #fff;
    border: 5px;
    filter: alpha(opacity=98); /* IE */
    -moz-opacity: 0.98; /* 老版Mozilla */
    -khtml-opacity: 0.98; /* 老版Safari */
    opacity: 0.98; /* 支持opacity的浏览器*/
}

.website-floor8 .left-arrow.left-arrow-l {
    top: 34%;
}

.floor7-slider .right-arrow, .website-floor8 .right-arrow {
    position: absolute;
    top: 48%;
    width: 30px;
    height: 30px;
    right: -30px;
    background: url("../images/home/icon_arrow_right.png") no-repeat center center;
    z-index: 10;
    cursor: pointer;
    color: #fff;
    filter: alpha(opacity=98); /* IE */
    -moz-opacity: 0.98; /* 老版Mozilla */
    -khtml-opacity: 0.98; /* 老版Safari */
    opacity: 0.98; /* 支持opacity的浏览器*/
}

.website-floor8 .right-arrow.right-arrow-r {
    top: 34%;
}

.website-floor7 .banner-item {
    background-color: #fff;
}

.website-floor7 .case-img-wrap {
    width: 370px;
    height: 136px;
    overflow: hidden;
}

.website-floor7 .case-item-wrap {
    width: 370px;
    padding-top: 30px; /*margin-right: 30px;*/
    margin: 0 15px;
    float: left;
}

.website-floor7 .case-item-wrap.case03 {
    margin-right: 0;
}

.website-floor7 .case-box {
    border: 1px solid #B8B8B8;
    overflow: hidden;
    padding-bottom: 16px;
    transition: all .2s linear;
}

.website-floor7 .case-box:hover {
    transition: all .2s linear;
    box-shadow: 0 15px 30px rgba(0, 0, 0, .1);
    -webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, .1);
    transform: translate3d(0, -5px, 0);
}

.website-floor7 .case-title {
    color: #323D52;
    font-size: 20px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding: 0 20px;
    margin: 15px 0 10px 0;
}

.website-floor7 .case-desc {
    font-size: 14px;
    color: #323D52;
    padding: 0 20px;
    height: 106px;
    line-height: 1.6;
    overflow: hidden;
}

.website-floor7 .case-link {
    display: block;
    color: #316BD1;
    font-size: 12px;
    padding: 0 20px;
    margin-top: 30px;
    cursor: pointer;
}

.website-floor7 .case-img {
    width: 370px;
    height: 136px;
}

.website-floor7 .case-list {
    position: relative;
    width: 1200px;
    height: 380px;
    margin: 0 auto;
}

.website-floor7 .banner-item .item-conts {
    overflow: hidden;
}

.website-floor8 .myslider .banner-item {
    padding-top: 20px;
}

.website-floor8 {
    padding: 20px 0 80px 0;
}

.website-floor8 .logo-list {
    width: 1200px;
    height: 120px;
    margin: 0 auto;
    position: relative;
}

.website-floor8 .banner-item .item-conts {
    overflow: hidden;
    background-color: #fff;
}

.website-floor8 .logo-wrap {
    float: left;
    margin: 0 40px;
    width: 220px; /*height: 100px;*/
    text-align: center;
}

.website-floor8 .logo-wrap img {
    width: 100%;
    height: 100%;
}

.page-nav-fixed {
    position: fixed;
    z-index: 10;
    right: 0;
    top: 300px;
    width: 44px;
}

.page-nav-fixed .nav-wrap {
    position: relative;
    width: 100%;
    height: 100%;
}

.page-nav-fixed .kefu-content {
    display: none;
    position: absolute;
    width: 206px;
    box-sizing: border-box;
    right: 44px;
    top: 5px;
    background-color: #fff;
    padding: 20px 22px;
    border: 1px solid #E6E6E6;
}

.page-nav-fixed .item {
    padding: 10px 0 10px 10px;
    font-size: 16px;
    color: #323D52
}

.page-nav-fixed .phone {
    color: #316BD1;
    padding-left: 44px;
    font-size: 14px;
}

.page-nav-fixed .item img {
    margin-right: 16px;
}

.page-nav-fixed .item01 { /*background: url("../images/home/kefu-msg.png") no-repeat left center;*/ /*background-size: 24px auto;*/
    width: 24px;
}

.page-nav-fixed .item02 { /*background: url("../images/home/kefu-phone.png") no-repeat left center;*/ /*background-size: 28px auto;*/
    width: 28px;
}

.page-nav-fixed .item03 { /*background: url("../images/home/kefu-feedback.png") no-repeat left center;*/ /*background-size: 22px auto;*/
    width: 22px;
}

.page-nav-fixed .qrcode-wrap {
    display: none;
    position: absolute;
    width: 228px;
    height: 224px;
    right: 44px;
    top: 26px;
    padding-top: 14px;
    background: #fff;
    border: 1px solid #E6E6E6; /*box-shadow:0 2px 4px 0 rgba(0,0,0,0.2);*/
    box-sizing: border-box;
}

.page-nav-fixed .qrcode-wrap img {
    width: 170px;
    display: block;
    margin: 0 auto;
}

.page-nav-fixed .qrcode-text {
    color: #323D52;
    font-size: 16px;
    text-align: center;
}

.page-nav-fixed .join-icon {
    display: block;
    width: 24px;
    text-align: center;
    margin: 0 auto;
}

.page-nav-fixed .yellow-box {
    padding-top: 10px;
    background-color: #FFBD0B;
    color: #fff;
}

.page-nav-fixed .kefu-wrap {
    width: 100%;
    background-color: #323D52;
    margin-top: 10px;
}

.page-nav-fixed .qrcode-box {
    width: 100%;
    text-align: center;
    padding: 10px 0;
    background-color: #323D52;
    margin-top: 10px;
}

.page-nav-fixed .kefu-icon {
    display: block;
    width: 24px;
    text-align: center;
    margin: 0 auto;
    padding: 10px 0;
}

.page-nav-fixed .text {
    text-align: center;
    line-height: 1.2; /*margin: 4px 0;*/
    font-size: 18px;
    padding-bottom: 15px;
    padding-top: 10px;
}

.page-nav-fixed .nav-qrcode {
    width: 24px; /*margin-top: 10px;*/
}

/*index page end*//*register-page page start*//*center-content*/
.register-page .re-center-content {
    width: 100%;
}

.register-page .re-center-banner {
    width: 100%;
    height: 500px;
    background: url("../images/registerbanner.jpg");
    background-position: center center;
    position: relative;
}

.register-page .re-center-banner .login-tap {
    width: 200px;
    position: absolute;
    left: 260px;
    bottom: 50px;
}

.register-page .re-center-banner .login-tap .banner-login {
    width: 200px;
    height: 60px; /*background: #6c6a6a;*/
}

.register-page .re-center-banner .login-tap .banner-login-test {
    padding-top: 20px;
}

.register-page .re-center-banner .login-tap .banner-login-test a {
    color: #fff;
}

.registerwrap {
    width: 800px;
    margin: 0 auto;
    padding: 30px 0;
}

.registerwrap .register-title {
    font-size: 30px;
    font-weight: 600;
    color: #323D52;
}

.registerwrap .register-input {
    width: 600px;
    height: 40px;
    line-height: 40px;
    border: 1px solid #A5A5A5;
    border-radius: 4px;
    font-size: 20px;
    margin: 30px 0 50px 0;
    position: relative;
}

.registerwrap .register-input .input-placeholder {
    position: absolute;
    left: 100px; /*top:0;*/
    width: 40%;
    height: 100%;
    color: #bbb;
    font-size: 14px;
    z-index: 1;
}

.registerwrap .register-input label {
    background: #ddd;
    padding: 6px 20px;
}

.registerwrap input {
    border: 0;
    font-size: 16px;
    width: 480px;
    height: 100%;
    padding-left: 20px;
    z-index: 2;
    background: none;
    position: relative;
}

.registerwrap .register-text {
    font-size: 16px;
    margin: 30px 0;
}

.registerwrap .register-btn {
    width: 600px;
    padding: 10px 0;
    font-size: 16px;
    color: #fff;
    text-align: center;
    background: linear-gradient(135deg, #3B7EF3 0%, #033791 100%);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#3B7EF3), to(#033791));
    background: -webkit-linear-gradient(left, #3B7EF3, #033791);
    background: -moz-linear-gradient(left, #3B7EF3, #033791);
    background: -o-linear-gradient(left, #3B7EF3, #033791);
    background: -ms-linear-gradient(left, #3B7EF3, #033791);
    background: linear-gradient(left, #3B7EF3, #033791);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#3B7EF3, endColorstr=#033791);
}

.registerwrap .register-input-botton {
    width: 600px; /*height: 40px;*/
    line-height: 40px;
    font-size: 16px;
    margin: 30px 0 50px 0;
    position: relative;
}

.registerwrap .register-input-botton .input-placeholder {
    position: absolute;
    left: 20px;
    top: 0;
    width: 40%;
    height: 100%;
    color: #bbb;
    font-size: 14px;
    z-index: 1;
}

.registerwrap .register-input-botton .setpwd-placeholder {
    position: absolute;
    left: 20px;
    top: 80px;
    width: 40%;
    height: 100%;
    color: #bbb;
    font-size: 14px;
    z-index: 1;
}

.registerwrap .register-input-botton input { /*border: 0;*/
    font-size: 16px;
    width: 460px;
    height: 100%;
    padding-left: 10px;
    border: 1px solid #A5A5A5; /*margin-right:30px;*/
    height: 40px;
    line-height: 40px;
    background: none;
    border-radius: 4px;
    z-index: 2;
}

.registerwrap .register-input-botton #setpwd { /*border: 0;*/
    font-size: 16px;
    width: 600px;
    border: 1px solid #A5A5A5;
    height: 40px; /*text-align: center;*/
    line-height: 40px;
    border-radius: 4px;
}

.registerwrap .register-input-botton .send {
    height: 40px; /*background: #fff;*/
    color: #fff;
    border: 0;
    border-radius: 4px;
    line-height: 30px;
    font-size: 16px;
    padding: 0 10px;
    background: linear-gradient(135deg, #3B7EF3 0%, #033791 100%);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#3B7EF3), to(#033791));
    background: -webkit-linear-gradient(left, #3B7EF3, #033791);
    background: -moz-linear-gradient(left, #3B7EF3, #033791);
    background: -o-linear-gradient(left, #3B7EF3, #033791);
    background: -ms-linear-gradient(left, #3B7EF3, #033791);
    background: linear-gradient(left, #3B7EF3, #033791);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#3B7EF3, endColorstr=#033791);
}

.registerwrap .register-input-botton #send-code {
    width: 100px;
    height: 40px;
    color: #fff;
    border: 0;
    text-align: center;
    border-radius: 4px;
    line-height: 40px;
    font-size: 16px;
    background: linear-gradient(135deg, #3B7EF3 0%, #033791 100%);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#3B7EF3), to(#033791));
    background: -webkit-linear-gradient(left, #3B7EF3, #033791);
    background: -moz-linear-gradient(left, #3B7EF3, #033791);
    background: -o-linear-gradient(left, #3B7EF3, #033791);
    background: -ms-linear-gradient(left, #3B7EF3, #033791);
    background: linear-gradient(left, #3B7EF3, #033791);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#3B7EF3, endColorstr=#033791);
}

#register-success {
    margin: 80px 0;
}

.registerwrap.register-success {
    width: 1200px;
    margin: 0 auto;
    padding: 30px 0;
}

.register-success .success-title {
    width: 500px;
    margin: 0 auto;
    padding: 30px 0;
}

.register-success .success-title img {
    width: 65px;
    height: auto;
}

.register-success .success-title .success-title-text {
    font-size: 40px;
    font-weight: 600;
    text-align: center;
}

.register-success .register-success-text {
    font-size: 24px;
    color: #323D52;
    text-align: center;
}

.register-success-info {
    width: 900px;
    margin: 0 auto;
    padding: 50px 0;
}

.register-success-info .info {
    width: 156px;
    height: 156px; /*padding: 20px;*/
    background: #fff;
    display: inline-block;
    box-shadow: 0px 1px 5px 0px #E7E7E7;
}

.register-success-info .company {
    width: 156px;
    height: 156px; /*padding: 20px;*/
    background: #fff;
    display: inline-block;
    box-shadow: 0px 1px 5px 0px #E7E7E7;
}

.register-success-info .company img {
    width: 94px;
    height: 94px;
    display: block;
    margin: 0 auto;
    padding: 16px 0;
}

.register-success-info .left {
    margin-left: 200px;
}

.register-success-info .info img {
    width: 126px;
    height: auto;
    display: block;
    margin: 0 auto;
    padding: 16px 0;
}

.register-success-info .info .info-text {
    font-size: 16px;
    text-align: center;
}

.register-success-info .company .info-text {
    font-size: 16px;
    text-align: center;
}

/*expert-page*/
.expert-page .nav {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: #fff;
    border-bottom: 1px solid #ebeef3;
    z-index: 10;
}

.expert-page .nav img {
    width: 165px;
    height: auto;
    float: left;
    vertical-align: middle; /*margin-right: 30px;*/
    padding: 16px 100px;
    zoom: 1;
}

.expert-page .nav .nav-text {
    font-size: 16px;
    padding-top: 30px;
}

.expert-page .expert-contanier {
    width: 1200px;
    margin: 0 auto;
}

.expert-page .expert-contanier .expert-input {
    margin: 20px 0;
}

.expert-page .expert-contanier .gray {
    color: #ccc;
}

.expert-page .expert-contanier .expert-input label {
    display: inline-block;
    width: 100px;
    text-align: right;
    font-size: 16px;
    margin-right: 20px; /*vertical-align: top;*/
    padding-top: 6px;
    float: left;
}

.expert-page .expert-contanier .expert-input select {
    width: 300px;
    border-radius: 4px;
    height: 36px;
    border: 1px solid #d8dbe0;
    line-height: 36px;
    font-size: 16px;
    color: #979a9f;
    padding: 0 10px;
    box-sizing: border-box;
}

.expert-page .expert-contanier .expert-input textarea {
    width: 300px;
    border-radius: 4px;
    min-height: 66px;
    border: 1px solid #d8dbe0;
    font-size: 16px;
    padding: 10px;
    box-sizing: border-box;
    resize: both;
}

.expert-page .expert-contanier .expert-input select.dark {
    color: #333;
}

.expert-page .expert-contanier .expert-input input {
    width: 300px;
    border-radius: 4px;
    height: 36px;
    border: 1px solid #d8dbe0;
    line-height: 36px;
    font-size: 14px;
    padding: 0 10px;
    box-sizing: border-box;
}

/*company-page*/
.company-page .nav {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: #fff;
    border: 1px solid #ebeef3;
}

.company-page .nav img {
    width: 165px;
    height: auto;
    float: left;
    vertical-align: middle; /*margin-right: 30px;*/
    padding: 16px 100px;
    zoom: 1;
}

.company-page .nav .nav-text {
    font-size: 16px;
    padding-top: 30px;
}

.company-page .company-contanier {
    width: 1200px;
    margin: 0 auto;
    padding-top: 10px;
}

.company-page .company-contanier .expert-input {
    margin: 20px 0;
}

.company-page .company-contanier .expert-input label {
    display: inline-block;
    width: 100px;
    text-align: right;
    font-size: 14px;
    margin-right: 20px;
}

.company-page .company-contanier .expert-input input {
    width: 300px;
    border-radius: 4px;
    height: 36px;
    border: 1px solid #d8dbe0;
    line-height: 36px;
    font-size: 14px;
    padding: 0 10px;
}

/*feedback-page*/
.feedback-page .nav {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: #fff;
    border: 1px solid #ebeef3;
    z-index: 10;
}

.feedback-page .nav img {
    width: 165px;
    height: auto;
    float: left;
    vertical-align: middle; /*margin-right: 30px;*/
    padding: 16px 100px;
    zoom: 1;
}

.feedback-page .nav .nav-text {
    font-size: 16px;
    padding-top: 40px;
}

.feedback-page .feedback-contanier {
    width: 1200px;
    margin: 30px auto; /*padding-top: 100px;*/
    padding-bottom: 100px;
}

.feedback-page .feedback-contanier .expert-input {
    margin: 50px 0 80px 0;
}

.feedback-page .feedback-contanier .expert-input .input-warp { /*margin-bottom:20px;*/
    margin: 0 auto;
    padding-top: 20px;
    padding-bottom: 220px;
}

.feedback-page .feedback-contanier .text-wrap {
    position: relative; /*display: inline-block;*/
    width: 320px;
    float: left;
}

.feedback-page .feedback-contanier .expert-input {
    margin: 20px 0;
    vertical-align: top;
}

.feedback-page .feedback-contanier .feed-input {
    margin: 20px 0;
}

.feedback-page .feedback-contanier .expert-input label {
    display: inline-block;
    width: 100px;
    float: left;
    text-align: right;
    font-size: 14px;
    margin-right: 20px;
}

.feedback-page .feedback-contanier .feed-input .feed-title {
    display: inline-block;
    width: 100px;
    text-align: right;
    font-size: 14px;
    margin-right: 20px;
}

.feedback-page .feedback-contanier .feed-input .label-radio {
    margin-right: 60px;
}

.feedback-page .feedback-contanier .expert-input input {
    width: 300px;
    border-radius: 4px;
    height: 36px;
    padding: 0 10px;
    border: 1px solid #d8dbe0;
    line-height: 36px;
    font-size: 14px;
}

.feedback-page .feedback-contanier .expert-input textarea {
    width: 300px;
    border-radius: 4px; /*height: 50px;*/
    border: 1px solid #d8dbe0; /*line-height: 36px;*/
    padding: 10px;
    font-size: 14px;
    position: relative;
    padding-bottom: 20px; /*resize: both;*/
}

.feedback-page .feedback-contanier .expert-input .length {
    position: absolute;
    bottom: 10px;
    right: 20px;
    font-size: 12px;
    color: #c7c7c7;
}

/*userlogin-page*/
.login-tips {
    display: none;
    width: 100%;
    min-width: 1200px;
    text-align: center;
    padding: 10px 0;
    font-size: 14px;
    background: #F5F5F5;
    color: #F19320;
}

.login-tips a {
    color: #316BD1;
}

.login-tips .close-tips {
    width: 20px;
    height: 20px;
    float: right;
    margin-right: 12px;
    cursor: pointer;
}

.userlogin-page .userlogin-banner {
    width: 100%;
    height: 700px;
    background: url("../images/loginbanner.jpg") no-repeat center center; /*background-size: 100%;*/
    position: relative;
}

.userlogin-page .user-footer {
    width: 100%;
    padding: 60px 0 30px 0;
    font-size: 14px;
    color: #A8A8A8;
    text-align: center;
    background: #E7E8EB;
}

.userlogin-page .userlogin-banner .user-info { /*width: 280px;*/ /*height:280px;*/
    width: 400px;
    height: 456px;
    border-radius: 5px;
    /*border: 1px solid #ebeef3;*/
    background: #fff;
    position: absolute;
    top: 50px;
    right: 180px;
    overflow: hidden;
}

.userlogin-page .userlogin-banner .user-info .tab {
    padding: 20px 0;
    width: 50%;
    text-align: center;
    font-size: 18px; /*border-bottom: 1px solid #bbb;*/
    cursor: pointer;
}

.userlogin-page .user-info .input-wrap {
    position: relative;
    width: 320px;
    height: 48px;
    border: 1px solid rgba(50, 61, 82, .25);
    border-radius: 10px;
    margin: 20px 36px;
    overflow: hidden;
}

.code-wrap {
    position: relative;
    width: 208px;
}

.user-info .login-pwd-way .input-wrap {
    margin: 0 36px;
}

.userlogin-page .input-placeholder {
    line-height: 20px;
}

.input-wrap .input-placeholder {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    color: #bbb;
    font-size: 14px;
    line-height: 48px;
    z-index: 1;
    padding-left: 15px;
}

.input-wrap input {
    position: absolute;
    width: 100%;
    height: 48px;
    padding-left: 15px;
    padding-right: 15px;
    background: rgba(255, 255, 255, 0.2);
    outline: none;
    border: 0;
    z-index: 2;
    left: 0;
    top: 0;
    box-sizing: border-box;
    font-size: 16px;
}

.userlogin-page .userlogin-banner .user-info .tab.active { /*border-bottom: 2px solid #316bd1;*/
    padding: 20px 0 19px 0;
    color: #316bd1;
    font-weight: 600;
    font-size: 20px;
}

.userlogin-page .userlogin-banner .user-info .tab.active .line {
    display: block;
    width: 23px;
    height: 5px;
    background: rgba(49, 107, 209, 1);
    border-radius: 3px;
    margin: 0 auto;
    margin-top: 6px;
}

/*.userlogin-page .userlogin-banner .user-info .user-input{*/ /*width: 200px;*/ /*border-left: 0;*/ /*border-right: 0;*/ /*border-top: 0;*/ /*border-bottom: 1px solid #bbb;*/ /*padding: 20px 0 10px 0;*/ /*margin: 0 36px 20px 36px;*//*}*/
.userlogin-page .userlogin-banner .user-info .user-btn {
    width: 320px;
    height: 48px;
    line-height: 48px;
    border-radius: 8px;
    font-size: 18px;
    color: #fff;
    text-align: center;
    margin: 0 auto;
    background: #316BD1;
    margin-top: 10px; /*background:linear-gradient(135deg,#3B7EF3 0%,#033791 100%);*/ /*background: -webkit-gradient(linear, 0 0, 0 100%, from(#3B7EF3), to(#033791));*/ /*background: -webkit-linear-gradient(left, #3B7EF3, #033791);*/ /*background: -moz-linear-gradient(left, #3B7EF3, #033791);*/ /*background: -o-linear-gradient(left, #3B7EF3, #033791);*/ /*background: -ms-linear-gradient(left, #3B7EF3, #033791);*/ /*background: linear-gradient(left, #3B7EF3, #033791);*/ /*filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr = #3B7EF3, endColorstr = #033791);*/
}

.userlogin-page .userlogin-banner .user-info .user-forget {
    font-size: 14px;
    color: #316BD1;
    padding: 10px 0 20px 36px;
}

.forgetpwd-page {
    width: 100%;
}

.forgetpwd-contanier {
    width: 100%;
    border-bottom: 1px solid #cfd2d7;
    padding: 50px 0;
}

.forgetpwd-contanier .bar-img {
    width: 900px;
    margin: 0 auto;
}

.forgetpwd-contanier .bar-img img {
    width: 900px;
    height: auto;
}

.forgetpwd-contanier .forgetpwd-content {
    width: 900px;
    height: 120px;
    position: relative;
    margin: 0 auto;
    box-sizing: border-box;
}

.forgetpwd-msg {
    width: 600px;
    margin: 50px auto;
}

.forgetpwd-msg .register-input {
    width: 600px;
    height: 40px;
    line-height: 40px;
    border: 1px solid #cfcfcf;
    border-radius: 4px;
    font-size: 20px;
    margin: 30px 0;
    position: relative;
}

.forgetpwd-msg .register-input .input-placeholder {
    position: absolute;
    left: 100px;
    top: 0;
    width: 40%;
    height: 100%;
    color: #bbb;
    font-size: 14px;
    z-index: 1;
}

.forgetpwd-msg .register-input label {
    background: #ddd; /*padding: 6px 20px;*/
    width: 80px;
    height: 100%;
    float: left;
    text-align: center;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
}

.forgetpwd-msg .register-input input {
    position: relative;
    border: 0;
    font-size: 16px;
    width: 480px;
    height: 100%;
    z-index: 2;
    background: none;
    float: left;
    padding-left: 20px;
}

.forgetpwd-msg .register-text {
    font-size: 16px;
    margin: 30px 0;
}

.forgetpwd-msg .register-btn {
    width: 600px;
    padding: 10px 0;
    font-size: 16px;
    color: #fff;
    text-align: center;
    background: linear-gradient(135deg, #3B7EF3 0%, #033791 100%);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#3B7EF3), to(#033791));
    background: -webkit-linear-gradient(left, #3B7EF3, #033791);
    background: -moz-linear-gradient(left, #3B7EF3, #033791);
    background: -o-linear-gradient(left, #3B7EF3, #033791);
    background: -ms-linear-gradient(left, #3B7EF3, #033791);
    background: linear-gradient(left, #3B7EF3, #033791);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#3B7EF3, endColorstr=#033791);
}

.forgetpwd-msg .register-input-botton {
    width: 600px;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    margin: 30px 0 50px 0;
    position: relative;
}

.forgetpwd-msg .register-input-botton .input-placeholder {
    position: absolute;
    left: 20px;
    top: 6px;
    width: 40%;
    height: 100%;
    color: #bbb;
    font-size: 14px;
    z-index: 1;
}

.forgetpwd-msg .register-input-botton input { /*border: 0;*/
    position: relative;
    padding-left: 20px;
    font-size: 16px;
    width: 440px;
    border: 1px solid #c9c9c9; /*margin-right:30px;*/
    height: 40px;
    line-height: 40px;
    border-radius: 4px;
    z-index: 2;
    background: none;
}

.forgetpwd-msg .register-input-botton #send-code {
    width: 100px;
    height: 40px; /*background: #fff;*/
    color: #fff;
    border: 0;
    border-radius: 4px;
    line-height: 30px;
    font-size: 16px;
    padding: 0 10px;
    background: linear-gradient(135deg, #3B7EF3 0%, #033791 100%);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#3B7EF3), to(#033791));
    background: -webkit-linear-gradient(left, #3B7EF3, #033791);
    background: -moz-linear-gradient(left, #3B7EF3, #033791);
    background: -o-linear-gradient(left, #3B7EF3, #033791);
    background: -ms-linear-gradient(left, #3B7EF3, #033791);
    background: linear-gradient(left, #3B7EF3, #033791);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#3B7EF3, endColorstr=#033791);
}

.forgetpwd-msg .register-input-botton .stop {
    width: 100px;
    height: 40px;
    background: #f8f8f8;
    color: #c8c7cf;
    border: 1px solid #c9c9c9;
    border-radius: 4px;
    line-height: 30px;
    font-size: 16px; /*padding: 0 10px;*/
}

.forgetpwd-msg .forgetpwd-pwd .forgetpwd-one {
    margin: 50px 0;
    position: relative;
    z-index: 2;
}

.forgetpwd-msg .forgetpwd-pwd .forgetpwd-one label {
    display: inline-block;
    width: 120px;
    text-align: right;
    font-size: 16px;
    margin-right: 20px;
    color: #323D52;
}

.forgetpwd-msg .forgetpwd-pwd .forgetpwd-one .input-placeholder {
    position: absolute;
    left: 160px;
    top: 10px;
    width: 40%;
    height: 100%;
    color: #bbb;
    font-size: 14px;
    z-index: 1;
}

.forgetpwd-msg .forgetpwd-pwd .forgetpwd-one #npwd-placeholer {
    position: absolute;
    left: 160px;
    top: 10px;
    width: 40%;
    height: 100%;
    color: #bbb;
    font-size: 14px;
    z-index: 1;
}

.forgetpwd-msg .forgetpwd-pwd .forgetpwd-one input {
    position: relative;
    width: 420px;
    padding-left: 10px;
    border-radius: 4px;
    height: 40px;
    border: 1px solid #d8dbe0;
    line-height: 40px;
    font-size: 14px;
    z-index: 2;
    background: none;
}

.forgetpwd-success {
    width: 400px;
    margin: 50px auto 0 auto;
}

.forgetpwd-success .forgetpwd-success-top img {
    width: 50px;
    height: auto;
}

.forgetpwd-success .forgetpwd-success-top .text {
    font-size: 30px;
    font-weight: 600;
    line-height: 50px;
    text-align: center;
    color: #323D52;
}

.forgetpwd-success .forgetpwd-login {
    width: 200px;
    padding: 10px 0;
    color: #fff;
    font-size: 16px;
    margin: 50px auto;
    text-align: center;
    background: linear-gradient(135deg, #3B7EF3 0%, #033791 100%);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#3B7EF3), to(#033791));
    background: -webkit-linear-gradient(left, #3B7EF3, #033791);
    background: -moz-linear-gradient(left, #3B7EF3, #033791);
    background: -o-linear-gradient(left, #3B7EF3, #033791);
    background: -ms-linear-gradient(left, #3B7EF3, #033791);
    background: linear-gradient(left, #3B7EF3, #033791);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#3B7EF3, endColorstr=#033791);
    border-radius: 3px;
}

/*aboutus-page*/
.aboutus-page {
    width: 100%;
}

.aboutus-page .about-banner {
    width: 100%;
    height: 250px;
    position: relative;
    background: url("../images/aboutbanner.png") no-repeat center center;
}

.aboutus-page .about-banner img {
    width: 100%;
    height: 250px; /*object-fit:cover;*/
}

.aboutus-page .about-banner .banner-text {
    padding-top: 80px;
    color: #fff;
    line-height: 50px;
}

.aboutus-page .about-banner .banner-text .banner-text-en {
    font-size: 30px;
    font-weight: 600;
    text-align: center;
}

.aboutus-page .about-banner .banner-text .banner-text-us {
    font-size: 20px;
    font-weight: 600;
    text-align: center;
}

.about-contanier {
    width: 100%;
    background: #fff;
    margin: 50px 0 0 0;
    color: #323D52;
}

.about-contanier .aboutbanner {
    width: 100%;
    height: 200px; /*margin-top: -80px;*/
    z-index: 1;
}

.about-contanier .aboutbanner img {
    width: 100%;
    height: 100%;
}

.about-contanier .about-info {
    width: 1200px;
    margin: 100px auto 0 auto; /*overflow: hidden;*/
}

.about-info-img {
    width: 400px;
}

.about-info-img .img {
    width: 100%;
    height: auto;
    z-index: 2;
    margin-bottom: -30px;
    position: relative;
}

.about-info-img img {
    width: 100%;
    height: auto;
}

.about-info .about-msg {
    width: 610px;
}

.about-info .about-msg2 {
    margin-top: 50px;
}

.about-info .about-msg .msg-title {
    font-size: 20px;
    margin-bottom: 20px;
    font-weight: 600;
}

.about-info .about-msg .msg-title-en {
    font-size: 14px;
    margin-bottom: 20px;
    font-weight: 600;
}

.about-info .about-msg .about-item {
    line-height: 20px;
}

.about-info .about-msg .about-item span {
    font-size: 20px;
    color: #316BD1;
    font-weight: 600;
}

.about-info .about-msg .about-item2 {
    font-size: 20px;
    color: #b4b4b4;
    font-weight: 500;
    line-height: 30px;
}

/*help-page*/
.help-page {
    width: 100%; /*margin-top: 80px;*/
}

.help-page .help-banner {
    width: 100%;
    height: 400px;
    background: url("../images/helpbanner.png") no-repeat center center;
    position: relative;
}

.help-banner .banner-content {
    position: absolute;
    top: 30px;
    left: 150px;
}

.help-page .help-banner .line-background {
    width: 293px;
    height: 36px;
    background: url("../images/helpline.png");
}

.line-background {
    color: #fff;
    font-size: 14px;
    text-align: center;
    line-height: 30px;
}

.banner-text-title {
    font-size: 40px;
    color: #fff;
    font-weight: 600;
    margin-top: 70px;
}

.banner-text-info {
    width: 600px;
    font-size: 20px;
    font-weight: 600;
    color: #fff;
    line-height: 26px;
}

.help-contanier {
    width: 100%;
    margin-bottom: 100px;
}

#company-tab {
    width: 1200px;
    margin: 20px auto;
}

#company-tab .goback-text {
    font-size: 14px;
    color: #316BD1;
}

#company-tab .goback-text img {
    width: 16px;
    height: auto;
}

#company-tab .quest-info {
    margin: 20px 0;
}

#company-tab .quest-info .quest-info-text {
    color: #323D52;
    font-size: 12px;
    line-height: 24px;
}

#expert-tab {
    width: 1200px;
    margin: 20px auto;
}

#expert-tab .goback-text {
    font-size: 14px;
    color: #316BD1;
}

#expert-tab .goback-text img {
    width: 16px;
    height: auto;
}

#expert-tab .quest-info {
    margin: 20px 0;
}

#expert-tab .quest-info .quest-info-text {
    color: #323D52;
    font-size: 12px;
    line-height: 24px;
}

.help-contanier .help-tab-info {
    width: 100%;
    border-bottom: 1px solid #d9d9d9;
}

.help-tab {
    width: 1200px;
    overflow: hidden;
    margin: 0 auto;
}

.tab-left {
    width: 600px;
    text-align: center;
    color: #316BD1;
    padding: 10px 0;
    font-size: 16px;
    border-bottom: 3px solid #316BD1;
}

.tab-right {
    width: 600px;
    text-align: center;
    color: #323D52;
    padding: 10px 0;
    font-size: 16px;
}

.tab-content-item {
    width: 1200px;
    padding: 20px 0 40px 0;
    *padding: 30px 0 10px 0;
    margin: 0 auto;
    border-bottom: 1px solid #d9d9d9;
}

.tab-content-item .item-quest {
    width: 900px;
    color: #323D52;
    font-size: 16px;
    font-weight: 600;
}

.tab-content-item .item-img {
    width: 40px;
    height: 40px;
}

.expertdemeanor-page {
    width: 100%; /*background: #F2F2F2;*/
}

.demeanor-banner {
    width: 100%;
    height: 248px;
    background: url("../images/demeanor.png");
}

.demeanor-banner-text {
    font-size: 50px;
    text-align: center;
    color: #fff;
    margin: 0 auto;
    padding: 70px 0;
}

.demeanor-warp {
    width: 1120px;
    max-width: 1200px;
    margin: 15px auto 25px auto;
    position: relative;
}

.demeanor-item-left {
    width: 820px;
    padding: 15px;
    background: #fff;
}

.living-item-left {
    width: 820px; /*padding: 15px;*/
}

.demeanor-left-input-border {
    width: 260px;
    padding: 5px 15px;
    border: 1px solid #f5f5f5;
    line-height: 20px;
    float: right;
}

.demeanor-left-input-border .input-search {
    width: 14px;
    height: 14px;
    margin: 5px 0;
}

.demeanor-left-input {
    font-size: 14px;
    width: 228px;
    padding: 5px 0; /*margin-left:15px;*/
    border: none;
}

.demeanor-left-row { /*width: 100%;*/
    padding: 15px;
    margin-top: 30px;
}

.row-item {
    width: 100%;
    height: 120px;
    padding: 15px 0;
    border-bottom: 1px solid #d9d9d9;
}

.row-item0 {
    width: 100%;
    height: 120px;
    padding: 15px 0;
    border-bottom: 1px solid #fff;
}

.row-item .demeanor-row-left {
    width: 160px;
    margin-right: 10px;
}

.living-row-item {
    width: 100%;
    padding: 15px 15px;
    background: #fff;
    margin-bottom: 15px;
}

.living-row-item .living-tow-left {
    width: 300px;
    margin-right: 10px;
    position: relative;
}

.living-tow-left  .video-status{
    position: absolute;
    right: 4px;
    top:4px;
    font-size: 16px;
    color: #ffffff;
    z-index: 10;
}

.living-row-item .living-tow-left-img {
    width: 300px;
    height: 170px;
}

.demeanor-row-left .demeanor-row-left-img {
    width: 160px;
    height: 120px;
}

.demeanor-row-right {
    width: 600px;
}

.living-row-right {
    width: 480px;
}

.demeanor-row-right-title {
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 16px;
    color: #323D52;
    line-height: 22px;
    font-weight: bold;
}

.demeanor-row-right-info {
    height: 36px;
    overflow: hidden;
    font-size: 14px;
    line-height: 18px;
    color: #3e4962;
    padding-top: 10px;
}

.living-text {
    font-size: 12px;
    color: #a2a2a2;
    line-height: 18px;
    padding-bottom: 5px;
}

.living-text.introduced {
    height: 50px;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    word-break: break-all;
    overflow: hidden;
}

.demeanor-row-right-time {
    font-size: 12px;
    margin-top: 34px;
}

.demeanor-item-right {
    width: 260px; /*height:435px;*/
}

.demeanor-item-right-img {
    width: 260px; /*height:435px;*/
}

.details-title {
    font-size: 20px;
    color: #323D52;
    font-weight: bold;
}

.details-person {
    font-size: 12px;
    color: #48546E;
    padding: 10px 0;
}

.details-info {
    font-size: 14px;
    line-height: 26px;
}

.details-info img {
    max-width: 100%
}

.details-img {
    width: 400px;
    height: auto; /*height: 300px;*/
}

.details-item {
    width: 260px;
    padding-bottom: 25px;
    background: #fff;
}

.details-item-title {
    font-size: 14px;
    color: #323D52;
    padding: 15px;
    border-bottom: 1px solid #f5f5f5;
}

.details-item-info {
    padding: 15px;
}

.details-item-info-top {
    width: 260px;
    margin-bottom: 15px;
}

.details-item-info-top-left {
    width: 80px;
}

.info-top-left-img {
    width: 80px;
    height: 80px;
    border-radius: 50%;
}

.details-item-info-top-right {
    padding-left: 15px;
}

.details-item-info-top-right .top-name {
    font-size: 20px;
    font-weight: bold;
    padding: 10px 0;
}

.top-local {
    font-size: 14px;
    color: #323D52;
}

.details-rows {
    font-size: 14px;
    line-height: 18px;
    padding-bottom: 10px;
}

.details-rows-label {
    color: #cbcbcb;
}

.details-rows-text {
    padding-left: 10px;
    color: #323D52;
}

.details-text-info {
    width: 160px; /*padding-left: 0;*/
}

.existent {
    text-align: center;
    padding: 100px;
    color: #323D52;
    font-size: 20px;
}

.select-row { /*padding: 10px 0;*/
    padding-bottom: 10px;
    display: -webkit-inline-box;
}

.select-rows {
    padding: 10px;
    display: -webkit-inline-box;
}

.select-row1 {
    padding: 10px 0 10px 10px;
    display: -webkit-inline-box; /*padding-left: 80px;*/
}

.up-img {
    width: 16px;
    height: 16px;
    padding: 10px 2px;
}

.down-img {
    width: 16px;
    height: 16px;
    padding: 10px 2px;
}

.select-list {
    display: inline-grid;
    margin-bottom: 0;
}

.expert-input .industry-list, .expert-input .step-list {
    display: inline-grid;
}

.industry-list .industry-item, .step-list .step-item {
    padding-bottom: 10px;
}

span.hilight {
    color: #F19320;
}
