body,
input,
textarea {
    font-size: 12px;
    color: #333333;
    -webkit-text-size-adjust: none;
    background-color: #F5F6F9;
}

a {
    text-decoration: none;
    font-size: 12px;
    color: #333333;
    outline: none;
}

a:hover {
    color: #103578;
    text-decoration: none;
    outline: none;
}

img {
    border: 0px;
    max-width: 100%;
}

.img img {
    max-height: 100%;
}

h1,
h2,
h3,
h4 {
    margin: 0px;
}

.block {
    display: block;
}

.none {
    display: none;
}

.color1 {
    color: #ba1d2a;
}

.color2 {
    color: #666666;
}

.ft_6 {
    font-size: 6px;
}

.ft_9 {
    font-size: 9px;
}

.ft_11 {
    font-size: 11px;
}

.ft_12 {
    font-size: 12px;
}

.ft_13 {
    font-size: 13px;
}

.ft_14 {
    font-size: 14px;
}

.ft_15 {
    font-size: 15px;
}

.ft_16 {
    font-size: 16px;
}

.ft_17 {
    font-size: 17px;
}

.ft_18 {
    font-size: 18px;
}

.ft_20 {
    font-size: 20px;
}

.ft_22 {
    font-size: 22px;
}

.ft_24 {
    font-size: 24px;
}

.ft_25 {
    font-size: 25px;
}

.ft_26 {
    font-size: 26px;
}

.ft_28 {
    font-size: 28px;
}

.ft_30 {
    font-size: 30px;
}

.ft_32 {
    font-size: 32px;
}

.ft_36 {
    font-size: 36px;
}

.ft_40 {
    font-size: 40px;
}

.ft_42 {
    font-size: 42px;
}

.ft_50 {
    font-size: 50px;
}

.ft_80 {
    font-size: 80px;
}

.ft_100 {
    font-size: 100px;
}

.marTop-50 {
    margin-top: 50px;
}

.lineHeight-50 {
    line-height: 50px;
}

.lineHeight-56 {
    line-height: 56px;
}

.lineHeight-40 {
    line-height: 40px;
}

.lineHeight-32 {
    line-height: 32px;
}

.lineHeight-36 {
    line-height: 36px;
}

@media screen and (max-width:767px) {
    .ft_12 {
        font-size: .3rem;
    }
    .ft_14 {
        font-size: .35rem;
    }
    .ft_16 {
        font-size: .4rem;
    }
    .ft_18 {
        font-size: .45rem;
    }
    .ft_20 {
        font-size: .5rem;
    }
    .ft_22 {
        font-size: .55rem;
    }
    .ft_24 {
        font-size: .6rem;
    }
    .ft_25 {
        font-size: .625rem;
    }
    .ft_26 {
        font-size: .6.5rem;
    }
    .ft_28 {
        font-size: .7rem;
    }
    .ft_30 {
        font-size: .75rem;
    }
    .ft_32 {
        font-size: .8rem;
    }
    .ft_36 {
        font-size: .9rem;
    }
    .ft_40 {
        font-size: 1rem;
    }
    .ft_42 {
        font-size: 1.05rem;
    }
    .ft_50 {
        font-size: 1.25rem;
    }
    .ft_80 {
        font-size: 2rem;
    }
    .ft_100 {
        font-size: 2.25rem;
    }
    .marTop-50 {
        margin-top: 1.25rem;
    }
    .lineHeight-50 {
        line-height: 1.25rem;
    }
    .lineHeight-56 {
        line-height: 1.4rem;
    }
    .lineHeight-40 {
        line-height: 1rem;
    }
    .lineHeight-32 {
        line-height: .8rem;
    }
    .lineHeight-36 {
        line-height: .9rem;
    }
}

.bg-color1 {
    background-color: #f7f7f7;
}

.bg-color2 {
    background-color: #fff;
}


/*字体颜色*/

.color1 {
    color: #4d4398;
}

ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

.position-relative {
    position: relative;
}

.position-fixed {
    position: fixed;
}

.position-absolute {
    position: absolute;
}

.line {
    display: inline-block;
    vertical-align: middle;
}

.img label.line {
    height: 100%;
}

.img img {
    vertical-align: middle;
    max-height: 100%;
}

.normal {
    font-weight: normal;
}

.bold {
    font-weight: bold;
}

.clear {
    width: 100%;
    height: 0px;
    line-height: 0px;
    overflow: hidden;
    clear: both;
}

.trans_1 {
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}

.trans_3 {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.trans_5 {
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.trans_10 {
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}


.navbar-brand {
    padding: 10px;
}
.navbar-brand span.code-line{
    margin-right: 20px;
}
.navbar-brand span.shares-code{
    font-size: 16px;
    font-family: Source Han Sans CN;
    font-weight: 400;
}



.homeTable {
    padding-bottom: 50px;
}

.homeTable div.col-xs-6 {
    margin-top: 20px;
    margin-bottom: 20px;
}

@media screen and (min-width:768px) {


    .navbar-nav {
        float: right;
        margin-top: 40px;
        margin-bottom: 0px;
    }

    .navbar {
        height: 6.8rem;
        border: 0px;
        background: none;
    }
    .navbar-brand {
        /*width: 100px;*/
        /*height: 90px;*/
        /* margin-top: 10px; */
        /* background-color:#4d4398; */
        text-align: center;
        line-height: 90px;
        padding: 0px;
    }
    .navbar-brand img {
        display: inline;
    }


    .homeTab {
        height: 86px;
        border-bottom: 1px solid #fbddcd;
        margin-top: 30px;
    }
    .homeTab li a {
        line-height: 82px;
        cursor: pointer;
        width: 300px;
        border: 0px;
    }
    .nav-tabs>li.active>a,
    .nav-tabs>li.active>a:focus,
    .nav-tabs>li.active>a:hover {
        border: 0px;
        color: #4d4398;
        text-decoration: none;
        background: none;
    }
}

@media screen and (max-width:767px) {
    .banner {
        height: 6.666rem;
    }
    .homeTab {
        border: 0px;
        margin-top: 1.2rem;
    }
    .homeTab li a {
        max-width: 90%;
        line-height: 40px;
        padding: 10px;
        line-height: 1rem;
    }
    .nav-tabs>li.active>a,
    .nav-tabs>li.active>a:focus,
    .nav-tabs>li.active>a:hover {
        background-color: #4d4398;
        color: #fff;
        border: 0px;
        text-decoration: none;
    }
    .nav-tabs>li>a {
        border-radius: 0px;
    }
}

.homeTit {
    border-bottom: 1px solid #cccccc;
    font-size: 0px;
}

.homeTit:after {
    content: ' ';
    display: inline-block;
    width: 300px;
    height: 6px;
    background-color: #dfdfdf;
    max-width: 80%;
    font-size: 0px;
    vertical-align: top;
}

.homeList {
    margin-bottom: 80px;
    margin-top: 40px;
}

.homeList>div {
    overflow: hidden;
    margin-top: .5rem;
}

.homeList div.img img {
    width: 100%;
}

.homeList a.block {
    left: 15px;
    top: 0px;
    right: 15px;
    bottom: 0px;
    text-align: center;
    background-color: rgba(51, 51, 51, .8);
    color: #fff;
    transform: translateY(100%);
    -ms-transform: translateY(100%);
    /* IE 9 */
    -moz-transform: translateY(100%);
    /* Firefox */
    -webkit-transform: translateY(100%);
    /* Safari 和 Chrome */
    -o-transform: translateY(100%);
    /* Opera */
}

.homeList>div:hover a.block {
    transform: translateY(0%);
    -ms-transform: translateY(0%);
    /* IE 9 */
    -moz-transform: translateY(0%);
    /* Firefox */
    -webkit-transform: translateY(0%);
    /* Safari 和 Chrome */
    -o-transform: translateY(0%);
    /* Opera */
}

.homeList a.block label.line {
    height: 100%;
    vertical-align: middle;
}

.homeList a.block span.line {
    border-bottom: 2px solid #fff;
}

.homeTit-1 {
    margin-top: 30px;
}

.homeTit-1:after {
    content: '';
    display: block;
    width: 53px;
    height: 7px;
    background-color: #fe6601;
    border-radius: 7px;
    margin: 15px auto 0;
}

.homeBg {
    width: 480px;
    height: 493px;
    background: url(../images/bg1.png) no-repeat;
    background-size: 100%;
    margin: 0 auto;
    overflow: hidden;
}

.homeBg div.box {
    width: 430px;
    height: 320px;
    margin: 51px auto 0;
}

.homeBg div.text-center {
    height: 26px;
    line-height: 26px;
    margin-top: 5px;
}

.homeBg div.text-center img {
    display: inline-block;
    vertical-align: middle;
}

@media screen and (max-width:1024px) {
    .homeBg {
        width: 400px;
        height: 415px;
    }
    .homeBg div.box {
        width: 360px;
        height: 260px;
        margin-top: 40px;
    }
}

@media screen and (max-width:767px) {
    .homeBg {
        width: 12rem;
        height: 12.4rem;
    }
    .homeBg div.box {
        width: 10.75rem;
        height: 8rem;
        margin-top: 1.25rem;
    }
}

.homeTitle {
    margin-top: 20px;
}

.homeTitle:before {
    content: ' ';
    display: inline-block;
    width: 4px;
    height: 32px;
    margin-right: 10px;
    background-color: #4d4398;
    vertical-align: top;
}

.homeNews {
    position: relative;
    margin-top: 30px;
    margin-bottom: 30px;
}

.homeNews:before {
    content: ' ';
    display: block;
    left: 50%;
    top: 0px;
    bottom: 0px;
    position: absolute;
    width: 1px;
    background-color: #dfdfdf;
}

@media screen and (max-width:767px) {
    .homeNews:before {
        display: none;
    }
}

.homeNews>div:first-child .homeTitle,
.homeNews>div:first-child .homeNewsList {
    margin-right: 10px;
}

.homeNews>div:last-child .homeTitle,
.homeNews>div:last-child .homeNewsList {
    margin-left: 10px;
}

.homeNews .homeNewsList {
    margin-top: 20px;
    margin-bottom: 20px;
}

.homeNews .homeNewsList li {
    width: 100%;
}

.homeNews .homeNewsList li div {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-right: 20px;
}

.homeNews .homeNewsList li div a:hover {
    color: #4d4398
}

footer {
    background-color: #4D4398;
    padding-top: 20px;
    color: #fff;
}

footer .footJ .tit {
    position: relative;
    margin-bottom: 20px;
}

footer .footJ .tit:before {
    content: ' ';
    display: block;
    top: 50%;
    left: 0px;
    bottom: 0px;
    right: 0px;
    position: absolute;
    height: 1px;
    background-color: #fff;
}

footer .footJ .tit span.line {
    background-color: #333;
    padding: 0 30px;
    position: relative;
}

footer .footJ .col-md-4 {
    font-size: 0px;
}

footer .footJ .col-md-4 a.line {
    padding: 0 15px;
    width: 33.333%;
    box-sizing: border-box;
}

footer .footJ .col-md-4 a.line img {
    max-width: 100%;
}

footer .footJ .col-md-4 a:last-child {
    padding-right: 0px;
}

footer .footJ .col-md-4 a:first-child {
    padding-left: 0px;
}

footer .fTpy {
    background-color: #1e1e1e;
    margin-top: 20px;
}

.online {
    right: 0;
    /* margin-left: 600px; */
    bottom: 100px;
    /* width: 50px; */
    z-index: 30;
}

@media screen and (max-width: 1400px) {
    .online {
        left: auto;
        margin-left: 0px;
        right: 10px;
    }
}

.online a.line {
    display: block;
    width: 50px;
    height: 50px;
    background-color: #4d4398;
    background-repeat: no-repeat;
    background-image: url(https://cdn01.zhinengshouyin.com/website/images/fixed.png);
    margin-top: 10px;
    border-radius: 50%;
}

.online a.iconQ {
    display: block;
    width: 50px;
    height: 50px;
    background-color: #4d4398;
    background-repeat: no-repeat;
    margin-top: 10px;
    border-radius: 50%;
    background-image: url(https://cdn01.zhinengshouyin.com/website/images/wesite_img/qq_1.png);
}

.online a.line:hover {
    background-color: #5f54b5;
}

.online a.iconQ {
    background-position: 11px 9px;
}

.online a.iconM {
    background-position: -100px 0px;
}

.online a.iconT {
    background-position: -50px 0px;
}


/* .online a.iconH {
	background-position: -150px 0px;
} */

.online a.iconB {
    background-position: -150px 0px;
}

.online div.tel-box {
    width: 298px;
    height: 230px;
    border: 1px solid#4d4398;
    border-radius: 10px;
    background-color: #fff;
    right: 60px;
    text-align: center;
    line-height: 34px;
    top: 0px;
    display: none;
    color: #000;
}

.online a.line:hover div.tel-box {
    display: block;
}

.online div.tel-box h2 {
    font-weight: 100;
    color: #4d4398;
    line-height: 60px;
}

.online div.tel-box .ft_20 {
    margin-top: 30px;
}

.online div.tel-box .ft_20 i.line {
    width: 20px;
    height: 20px;
    background: url(https://cdn01.zhinengshouyin.com/website/images/tel.png) no-repeat;
    margin-right: 10px;
}


/*内页*/

.serviceB {
    margin-bottom: 30px;
}

.fl-left {
    float: left;
}

.fl-right {
    float: right;
}

.shouList li.fl-left {
    width: 100%;
    padding: 50px 0;
    line-height: 30px;
}

.shouList li.fl-left div.ft_16 {
    overflow: hidden;
}

@media screen and (max-width: 767px) {
    .shouList li.fl-left {
        padding: 2rem 0;
        text-align: center;
    }
    .shouList li.fl-left div.fl-left {
        float: none;
        margin: 0 auto;
    }
    .shouList li.fl-left div.fl-left img {
        max-width: 50%;
    }
}

.shouList li.fl-left div.fl-left {
    margin-right: 35px;
}

.shouList li:nth-child(even) {
    background-color: #f7f7f7;
}

.newsBox li.fl-left {
    width: 100%;
}

.shouList li.fl-left div.fl-left {
    margin-right: 35px;
}

.shouList li:nth-child(even) {
    background-color: #f7f7f7;
}

.newsBox {
    background-color: #fff;
}

.newsBox ul.gong li.fl-left {
    width: 100%;
    margin: 10px 0;
    line-height: 24px;
}

.newsBox ul.gong li.fl-left a:hover {
    color: #4d4398 !important;
}

.newsBox ul.news li.fl-left {
    width: 100%;
    padding: 30px 0;
    border-bottom: 1px solid #ebebeb;
    line-height: 24px;
}

.newsBox ul.news li:first-child {
    padding-top: 0px;
}

.newsBox ul.news li.fl-left div.fl-left {
    width: 200px;
    height: 120px;
    margin-right: 20px;
}

@media screen and (max-width: 767px) {
    .newsBox ul.news li.fl-left div.fl-left {
        width: 100%;
        height: auto;
        margin-bottom: .5rem;
    }
    .newsBox {
        margin-top: 0px;
        padding: 0px;
    }
    .newsBox ul.news li.fl-left {
        padding: .75rem 0;
    }
}

i.iconZ {
    width: 16px;
    height: 16px;
    margin-right: 10px;
    background: url(https://cdn01.zhinengshouyin.com/website/images/iconz.jpg) no-repeat;
}

.newsBox ul.news li.fl-left div.ft_16 div.hidden {
    margin-top: 20px;
}

.newsBox ul.news li.fl-left div.ft_16 a.block:hover {
    color: #03a9f4;
}

.newsBox ul.news li.fl-left div.ft_16 div.clearfix {
    overflow: hidden;
}

.page {
    margin: 30px 0;
    font-size: 0px;
}

.page a.line {
    font-size: 14px;
    line-height: 36px;
    box-sizing: border-box;
    padding: 0 14px;
    margin: 0 10px;
}

.page a.num {
    background-color: #fff;
    border: 1px solid #cdcdcd;
    min-width: 36px;
    border-radius: 36px;
}

.page a.pageL {
    border-radius: 5px;
    border: 1px solid #cdcdcd;
}

.page a.line:hover,
.page a.line.dq {
    color: #fff;
    border-color: #4d4398;
    background-color: #4d4398;
}

.aboutTop {
    padding: 30px 0;
}

.aboutTop h3,
.aboutTop h4 {
    font-weight: 100;
}

.aboutTop h4 {
    margin-bottom: 30px;
}

.aboutTop span {
    width: 40px;
    height: 4px;
    background-color: #4d4398;
}

.content {
    margin: 30px 0;
}

@media screen and (max-width: 767px) {
    .content {
        margin: .75rem 0;
    }
}

.icon-logo {
    width: 17px;
    height: 20px;
    background: url(https://cdn01.zhinengshouyin.com/website/images/pic_logo@2x.png) no-repeat;
    margin-right: 10px;
}

.aboutLi {
    padding-top: 30px;
    padding-bottom: 30px;
}

@media screen and (max-width: 767px) {
    .aboutLi {
        padding-top: 1rem;
        padding-bottom: 1rem;
    }
    .aboutLi>div.text-center img {
        width: 3.1rem;
    }
}

.contact {
    padding-top: 50px;
    padding-bottom: 50px;
}

.contact .tit,
.News .tit {
    margin: 40px 0 20px;
}

.contact .tit span.line,
.News .tit span.line {
    width: 4px;
    height: 30px;
    margin-right: 15px;
    background-color: #4d4398;
    vertical-align: top;
}

.contact .map {
    margin: 30px 0;
}

.contact div.fl-left,
.contact div.fl-right {
    width: 45%;
    margin-top: 30px;
    line-height: 32px;
}

.contact div.fl-right p {
    margin-bottom: 10px;
}

.contact div.ft_20 {
    margin-left: 24px;
}

@media screen and (max-width: 767px) {
    .contact .tit {
        margin: 1rem 0 .5rem;
    }
    .contact {
        padding-bottom: 1rem;
        padding-top: 1rem;
    }
}

.caseTop {
    padding-top: 50px;
    padding-bottom: 50px;
}

.caseTop .box {
    border: 1px solid #dfdfdf;
    margin: 15px 0;
    padding: 30px 10px;
}

.caseTop .box i.block {
    width: 40px;
    height: 40px;
    margin: 0 auto 10px;
    background: no-repeat;
    background-size: 100% 100%;
}

.caseTop .box i.icon-z1 {
    background-image: url(https://cdn01.zhinengshouyin.com/website/images/z1.png);
}

.caseTop .box i.icon-z2 {
    background-image: url(https://cdn01.zhinengshouyin.com/website/images/z2.png);
}

.caseTop .box i.icon-z3 {
    background-image: url(https://cdn01.zhinengshouyin.com/website/images/z3.png);
}

.caseTop .box i.icon-z4 {
    background-image: url(https://cdn01.zhinengshouyin.com/website/images/z4.png);
}

@media screen and (max-width: 767px) {
    .caseTop {
        padding-top: 1.25rem;
        padding-bottom: 1.25rem;
    }
    .caseTop .box {
        padding: .75rem;
    }
}

.casePic .tab {
    margin-bottom: 30px;
}

.casePic .tab span.line {
    margin: 0 20px;
    cursor: pointer;
}

.casePic .tab span.dq {
    color: #4d4398;
}

@media screen and (min-width: 768px) {
    .casePic {
        height: 400px;
        margin: 50px 0;
    }
    .casePic .tablist {
        display: none;
        position: absolute;
        left: 50%;
    }
    .casePic .tablist img {
        width: 100%;
    }
    .casePic .tablist.prev,
    .casePic .tablist.next,
    .casePic .tablist.dq {
        display: block;
    }
    .casePic .tablist.prev {
        width: 280px;
        margin-top: 40px;
        margin-left: -140px;
        border: 4px solid #f7f7f7;
        transform: translateX(-380px);
        -ms-transform: translateX(-380px);
        /* IE 9 */
        -moz-transform: translateX(-380px);
        /* Firefox */
        -webkit-transform: translateX(-380px);
        /* Safari 和 Chrome */
        -o-transform: translateX(-380px);
        /* Opera */
    }
    .casePic .tablist.dq {
        width: 452px;
        margin-left: -226px;
        border: 4px solid #4d4398;
        transform: translateX(0%);
        -ms-transform: translateX(0%);
        /* IE 9 */
        -moz-transform: translateX(0%);
        /* Firefox */
        -webkit-transform: translateX(0%);
        /* Safari 和 Chrome */
        -o-transform: translateX(0%);
        /* Opera */
    }
    .casePic .tablist.next {
        width: 280px;
        margin-top: 40px;
        margin-left: -140px;
        border: 4px solid #f7f7f7;
        transform: translateX(380px);
        -ms-transform: translateX(380px);
        /* IE 9 */
        -moz-transform: translateX(380px);
        /* Firefox */
        -webkit-transform: translateX(380px);
        /* Safari 和 Chrome */
        -o-transform: translateX(380px);
        /* Opera */
    }
}

@media screen and (max-width: 767px) {
    .casePic {
        padding-top: 1.25rem;
        padding-bottom: 1.25rem;
    }
    .casePic .tablist {
        display: none;
    }
    .casePic .tablist img {
        width: 100%;
    }
    .casePic .tablist.dq {
        display: block;
    }
    .casePic .tab {
        margin-bottom: 1rem;
    }
}

.joinNav {
    border-bottom: 1px solid #dfdfdf;
    background-color: #fff;
}

.joinNav.position-fixed {
    top: 0px;
    left: 0px;
    right: 0px;
    z-index: 3000;
}

.joinNav a.line {
    margin: 10px 20px;
    padding: 0 10px;
    border-bottom: 3px solid #fff;
}

.joinNav a.dq {
    border-bottom: 3px solid #dfdfdf;
}

.joinTit {
    margin-top: 15px;
}

.joinTit:before {
    content: ' ';
    display: inline-block;
    width: 4px;
    height: 32px;
    background-color: #4d4398;
    vertical-align: top;
    margin-right: 15px;
}

.join-box {
    padding-top: 30px;
    padding-bottom: 30px;
}

.join-sex,
.join-he {
    padding-top: 30px;
    padding-bottom: 30px;
}

.join-sex>div {
    margin-top: 15px;
    margin-bottom: 15px;
}

.join-sex .bg-color2 {
    border: 1px solid #dfdfdf;
    margin-left: 18px;
    padding: 10px 20px 15px 80px;
}

.joinNum {
    width: 80px;
    height: 100px;
    line-height: 100px;
    text-align: center;
    float: left;
    margin-right: -60px;
    color: #fff;
    background-color: #4d4398;
    margin-top: 35px;
}

@media screen and (max-width: 767px) {
    .joinNum {
        width: 2rem;
        height: 2.5rem;
        line-height: 2.5rem;
        margin-right: -1.75rem;
        margin-top: .55rem;
    }
    .joinNav a.line {
        margin: .25rem .5rem;
    }
    .join-sex,
    .join-he {
        padding-top: .75rem;
        padding-bottom: .75rem;
    }
    .join-sex .bg-color2 {
        padding: .25rem .5rem .35rem 2rem;
    }
}

.nav-pills li {
    display: inline-block;
}

.nav-pills>li.active>a,
.nav-pills>li.active>a:focus,
.nav-pills>li.active>a:hover {
    border-bottom: 3px solid #dfdfdf;
    background: none;
    color: #666;
    border-radius: 0px;
}

.join-con {
    padding: 15px 0;
    max-width: 810px;
    margin: 0 auto;
}

.join-con li:before {
    content: '';
    display: inline-block;
    width: 12px;
    height: 14px;
    background: url(https://cdn01.zhinengshouyin.com/website/images/ling.jpg) no-repeat;
    margin-right: 5px;
}

.joinBox {
    background-color: #fff;
    margin: 30px 0;
    padding: 30px;
    height: auto;
}

.joinBox ul.ft_20 li.fl-left {
    width: 100%;
    margin: 10px 0;
}

.joinBox ul.ft_20 li.fl-left span.fl-left {
    width: 120px;
    margin-right: 10px;
}

.joinBox ul.ft_20 li.fl-left span.fl-left i {
    margin-right: 5px;
    font-style: inherit;
}

.joinBox ul.ft_20 li.fl-left div.joinText {
    border: 1px solid #dfdfdf;
    padding: 0 15px;
    overflow: hidden;
    background-color: #fff;
}

.joinBox ul.ft_20 li.fl-left div.joinText input {
    width: 100%;
    height: 24px;
    padding: 12px 0;
    border: 0px;
    outline: none;
}

.joinBox ul.ft_20 li.fl-left div.joinText textarea {
    width: 100%;
    height: 130px;
    margin: 10px 0;
    line-height: 32px;
    padding: 12px 0;
    border: 0px;
    outline: none;
}

.joinBox ul.ft_20 li.fl-left div.joinSelect {
    width: 148px;
    border: 1px solid #dfdfdf;
    margin-right: 10px;
    position: relative;
    text-align: center;
}

.joinBox ul.ft_20 li.fl-left div.joinSelect select {
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    opacity: 0;
    position: absolute;
}

.joinBox ul.ft_20 li.fl-left div.joinSelect span.block {
    line-height: 48px;
}

.joinBox ul.ft_20 li.fl-left div.joinSelect span.block:after {
    content: ' ';
    display: block;
    position: absolute;
    width: 0px;
    height: 0px;
    border: solid 8px;
    border-color: transparent #dfdfdf #dfdfdf transparent;
    right: 5px;
    top: 28px;
}

@media screen and (max-width: 767px) {
    .joinBox {
        margin: .75rem 0;
        padding: .75rem;
    }
    .joinBox ul.ft_20 li.fl-left span.fl-left {
        width: 3.5rem;
    }
    .joinBox ul.ft_20 li.fl-left div.joinText textarea {
        line-height: .8rem;
    }
    .joinBox ul.ft_20 li.fl-left div.joinSelect {
        width: 2.7rem;
    }
    .joinBox ul.ft_20 li.fl-left div.joinSelect span.block {
        line-height: 1.2rem;
    }
    .joinBox ul.ft_20 li.fl-left div.joinSelect span.block:after {
        top: auto;
        bottom: 5px;
        border-width: 4px;
    }
}

.joinBtn {
    width: 300px;
    max-width: 90%;
    height: 50px;
    background: #4d4398;
    color: #fff;
    border: 0px;
    font-size: 20px;
    border-radius: 5px;
    outline: none;
    cursor: pointer;
    margin-top: 20px;
}

.joinBtn:hover {
    background-color: #ff8747;
}

.joinBtn:active {
    background-color: #d76426;
}

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

.newsNav .bg-color2 {
    padding: 20px;
    margin-right: -15px;
    margin-bottom: 30px;
}

.news_title {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    float: left;
    text-align: left;
}

.newsList li.news_title {
    width: 100%;
    height: 32px;
    line-height: 38px;
}

.newsNav div.bg-color2 h3.ft_20 {
    color: #000;
    font-weight: bold;
}

.newsNav div.bg-color2 a.line {
    white-space: nowrap;
    margin: 5px 10px 5px 0;
}

.newsNav div.bg-color2 div.con {
    line-height: 24px;
}

/* .right {
    margin: 60px 0;
    padding: 30px;
    background-color: #fff;
} */

.right h3.newT {
    font-size: 28px;
    line-height: 50px;
    font-weight: 100;
}

.onlineTit {
    margin-top: 50px;
}

.joinFile div.fl-left {
    width: 80px;
    height: 80px;
    margin-right: 10px;
    margin-bottom: 10px;
    position: relative;
}

.joinFile input {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

@media screen and (max-width: 767px) {
    .onlineTit {
        margin-top: 1rem;
    }
    .joinFile div.fl-left {
        width: 2rem;
        height: 2rem;
    }
}


/*2017-3-19*/

.sTit {
    margin-top: 50px;
    margin-bottom: 10px;
}

@media screen and (min-width: 992px) {
    .sCon {
        margin: 0 30px 40px;
    }
}

.tabBox {
    border-bottom: 1px solid #dfdfdf;
    line-height: 56px;
}

.nav-tabs {
    border-bottom: 0px;
}



.nav>li>a {
    margin: 0 16px;
}

.icon-yuan {
    width: 10px;
    height: 10px;
    background-color: #4d4398;
    border-radius: 50%;
    margin-right: 10px;
}

.caseBox {
    margin: 0 30px;
    padding: 15px 0;
    border-top: 1px solid #cccccc;
}

.saseMap {
    padding: 50px 0;
}

#section4 .nav-tabs {
    border-bottom: 1px solid #f4d6c6;
}

#section4 .nav-tabs>li.active>a,
#section4 .nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
    border-bottom: 4px solid#4d4398;
}

.container .unit {
    margin-bottom: 90px !important;
}

.title_name {
    font-family: PingFang SC;
    font-weight: bold;
    color: rgba(60, 60, 60, 1);
    margin-top: 40px;
    padding-left: 11px;
}

.line_s {
    width: 100%;
    height: 1px;
    background: rgba(238, 238, 238, 1);
    margin: 10px 0 20px 10px;
}

.context,
.context_en {
    width: 100%;
    margin-left: -2px;
}

.context_en {
    margin-top: 20px;
}

.test {
    cursor: pointer;
}

.context_one {
    width: 100%;
    margin-top: 20px;
}

.context_one:nth-child(1) {
    padding-left: 0 !important;
}

.context_one:nth-child(2) {
    padding-left: 0 !important;
}

.context_one:nth-child(3) {
    padding-left: 0 !important;
}

.flex_ {
    display: flex;
    justify-content: center
}

.flex_1 {
    display: flex;
    justify-content: flex-end
}

.title_ {
    /* width: 200px;
    height:60px; */
    text-align: center;
    margin: 10% auto 30px auto;
    color: #fff;
    background: #EE7636;
    padding: 5px 10px;
    border-radius: 5px;
}

.title_ div:nth-child(1) {
    font-weight: bold;
}

.illustrations1 {}

.conductor1 {
    margin-top: 6%;
}

.context-top {
    width: 100%;
}

.context_tit {
    width: 126px;
    font-family: PingFang SC;
    font-weight: 500;
    color: rgba(60, 60, 60, 1);
    margin-top: 5px;
}

.context_tits {
    width: 98px;
    font-family: PingFang SC;
    font-weight: 400;
    color: rgba(111, 111, 111, 1);
    margin-bottom: 5px;
}

.context_tits {
    width: 100%;
    padding-right: 20px;
}

.hidden-xs {
    padding-bottom: 30px;
}

/* .container {
    padding-bottom: 40px;
    box-sizing: border-box;
} */

.tops {
    margin-top: 10px;
}

.footer_logo {
    width: 100px;
}

.col-md-5 .footer_related {
    color: #ffffff;
    text-align: left !important;
    font-size: 14px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    line-height: 25px;
}

.consulting {
    display: flex;
    justify-content: center
}

.consulting_qq,
.consulting_wx {
    margin: 10px 20px;
    font-size: 12px;
}

.consulting_qq a {
    color: #FFFFFF !important;
    text-decoration: none;
}

.consulting_qq img {
    width: 70px;
    height: 80px;
    cursor: pointer;
}

.consulting_wx img {
    width: 80px;
    height: 80px;
}




/* mcy */
html{
    font-size: 12px;
    font-family: PingFang SC;
}


/* layout */
.fill {
    object-fit: fill;
  }
  
.contain {
    object-fit: contain;
}

.cover {
    object-fit: cover;
}

.none {
    object-fit: none;
}

.scale-down {
    object-fit: scale-down;
}

  .flex
{
	position: relative;
	display: flex;
}

.flex-col{
	flex-direction: column;
}

.flex-rev
{
	flex-direction: row-reverse;
}

.flex-wrap{
    flex-wrap: wrap;
}

.flex-fh
{
	width:100%;
}

.flex-fv
{
	height:100%;
}

.flex-con
{
	position:absolute;
	width:100%;
	height:100%;
}

.flex-vs{align-items: flex-start;}
.flex-vc{align-items: center;}
.flex-ve{align-items: flex-end;}
.flex-vb{align-content: space-between;}
.flex-va{align-content: space-around;}

.flex-hs{justify-content: flex-start;}
.flex-hc{justify-content: center;}
.flex-he{justify-content: flex-end;}
.flex-hb{justify-content: space-between;}
.flex-ha{justify-content: space-around;}

.flex-hv-c{
	display: flex;
	align-items: center;
	justify-content: center;
}
.flex-hb-vc{
	display: flex;
	align-items: center;
	justify-content: space-between;
}


.f1{flex: 1;}
.f2{flex: 2;}
.f3{flex: 3;}


.text-ellipsis{
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.text-ellipsis-two{
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}



  
/* 二、1100分辨率（大于1200px，小于1920px） */
@media screen and (min-width: 1200px){
    html{
        font-size: 10px !important;
    }
    .cases-body-right{
        width: 38rem;
        box-sizing: border-box;
    }
}
/* 二、1100分辨率（大于960px，小于1199px） */
@media screen and (max-width: 1199px) {
    div.business-container{
        width: 100%;
    }
   
    div.cases-body{
        padding: 0 6rem;
    }
    div.achieve{
        margin: 0 1rem;
    }
    div.page-body{
        width: 100%;
    }
    div.casePage .case-item{
        width: 50%;
    }
    div.purchase-container{
        width: 100%;
    }
    .downloadPage.page-container{
        width: 100%;
    }


    div.about-invoee{
        width: 100%;
    }
    div.advantage-container{
        width: 100%;
    }


    .width-full .con-container{
        width: 100%;
    }

    .cases-body-right{
        min-width: 38rem;
        margin: 0 auto;
    }


    .copyrightdiv{
        margin-left: 0;
    }
}
/* 二、1100分辨率（大于960px，小于1199px） */
@media screen and (min-width: 960px) and (max-width: 1199px) {
    html{
        font-size: 8px !important;
    }
    
}

/* 三、880分辨率（大于768px，小于959px） */
@media screen and (min-width: 768px) and (max-width: 959px) {
    html{
        font-size: 6px !important;
    }
}

/* 四、720分辨率（大于480px，小于767px） */
@media only screen and (min-width: 480px) and (max-width: 767px){
    html{
        font-size: 5px !important;
    }
}

/* 五、440分辨率以下（小于479px） */
@media only screen and (max-width: 479px) {
    html{
        font-size: 4px !important;
    }
    /* div.copyrightdiv{
        margin-left: 1rem;
    } */
    .form input.f1{
        height: 10rem;
    }
    .page-body .row{
        margin-left: 9rem;
    }

    div.pro_9_right,div.pro_7_left{
        margin-right: 2rem;
    }
    .moshi-detail .pro-img{
        max-width: 50%;
    }

    /* 公司简介 */
    .about-invoee-intro{padding: 0 4%;box-sizing: border-box;}
    .building{margin-bottom: 4rem;}
    .advantage-section{padding: 0 4%;box-sizing: border-box;}
    div.advantage-section-wrap.advantage-section-type-wrap{display: block;}
    div.advantage-section-wrap > div{
        width: 100%;
        margin: 0;
        margin-bottom: 4rem;
    }
    div.histroy-container{
        width: 100%;
        padding: 0 4%;
        box-sizing: border-box;
    }
    ul.history-times{
        overflow: scroll;
        width: 100%;
        padding: 2rem 0;
    }
    div.invoee-solgon-item{margin-bottom: 6rem;}
   
}

/* body */
.router-con{
    background: #F5F6F9;
}

/* header */
.navbar {
    height: 6.8rem !important;
}

.navbar-header .navbar-brand{
    height: 3.8rem;
    line-height: normal;
    margin-right:12.5rem;
}
.navbar .container{
    max-width: 1200px;
    /* min-width: 120rem;
    height: 100%;
    margin: 0 auto;
    padding: 0;
    display: flex;
    align-items: center;
    background-color: #fff; */
}

.navbar-default .navbar-toggle .icon-bar{
    background-color: #000;
}

#navbar ul.navbar-nav{
    margin: 0;

    margin-bottom: 0;
}
#navbar ul.navbar-nav li.first-level > a{
    padding: 0;
    /* border-bottom: 2px solid #fff; */
    line-height: 6.8rem;
}
#navbar ul.navbar-nav li.first-level:hover .dropdown-menu{
    display: block;
}

#navbar ul.navbar-nav li.first-level > a{position: relative;}
#navbar ul.navbar-nav li.first-level:hover > a::after,
#navbar ul.navbar-nav li.first-level.nav-link-active > a::after{
    content: '';
    display: block;
    position: absolute;
    top: 70%;
    left: 0;
    width: 100%;
    height: 2px;
    border-bottom: 2px solid#4d4398;
}

.navbar{
    position: relative;
    background-color: #fff;
}
ul.navbar-nav li{
    position: static;
}
.navbar-nav>li>.dropdown-menu{
    width: 100%;
    text-align: center;
    box-shadow: none;
    border: 0;
}
#navbar .gray-bg{
    position: absolute;
    top: 6.5rem;
    left: 0;
    width: 100%;
    z-index: 10;
    background-color: #F5F6F9;
}
#navbar  .two-level{
    color: #7D7D7D;
    box-sizing: border-box;
}

.two-level-item{
    display: inline-block;
    padding-right: 3rem;
    cursor: pointer;
    line-height: 4.4rem;
}
.two-level-item .two-level-text{
    position: relative;
    display: inline-block;
    padding: 0 1rem;
    /* border-right: 1px solid #D2D2D2; */
}

.two-level-item:hover .two-level-text::after,
.two-level-item.active .two-level-text::after{
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 3rem;
    height: .2rem;
    background-color: #54C2F0;
} 

.three-level{
    position: absolute;
    left: 36%;
    top: 2rem;
}

.two-level,.three-level,.only-twoLevel{
    /* height: 0; */
    overflow: hidden;
    transition: all .4s ease;
}

.hasTwoLevel:hover .two-level{
    /* height: auto; */
    padding: 2rem 0 2rem 30%;
}
.hasTwoLevel:hover .only-twoLevel{
    height: 5.7rem;
    text-align: center;
}
.hasTwoLevel .two-level{
    /* height: auto; */
}

.three-level .three-level-item{
    line-height: 3.4rem;
    margin: 0 3rem;
    box-sizing: border-box;
}

.three-level .three-level-item:hover a,
.three-level .three-level-item.active a{
    color: #54C2F0;
}

/* footer */
.container{
    margin: 0;
    padding:0;
    width: 100%;
}
footer{
    padding: 0 12rem;
    min-height: 24rem;
    width: 100%;
    /* background:url('website/images/home/footer-bg.png') 0 0 no-repeat; */
    background:url('https://cdn01.zhinengshouyin.com/website/images/home/footer-bg.png') 0 0 no-repeat;
    object-fit: cover;
    background-size: cover;
}


footer .container{
    width: 100%;
    padding: 0;
    margin: 0;
    padding-bottom: 2.1rem;
    padding-top: 2.1rem;
}
footer  .row{
    padding: 0;
    margin: 0;
    min-height: 22rem;
}
footer  .row > div{
    height: 100%;
}

footer  .row .qrcode{
    margin: 1rem 0;
    width: 12.2rem;
}

footer .footer-left .logo{
    margin-top: 4.4rem;
    margin-bottom: 4.5rem;
    width: 24.5rem;
    height: 7rem;
}
footer .footer-left > div{
    font-size: 1.4rem;
    font-weight: 300;
    color: #FFFFFF;
    /* line-height: 2.4rem; */
    padding: 0;
    margin: 0;
}

footer .footer-center{
    padding: 0;
}
footer  .center-item-title{
    margin: 6rem 0 4rem 0;
}
footer .center-item-title + div a{
    font-size: 1.4rem;
    font-weight: 300;
    color: #FFFFFF;
    text-decoration: none;
}

footer .footer-right .center-item-title{
    margin-bottom: 2.2rem;
}
footer .footer-right {
    padding-top: 6rem;
}


.friend-links{
    /* padding-top: 1.5rem; */
    height: 6.4rem;
    box-sizing: border-box;
    font-size: 1.4rem;
    font-weight: 300;
    color: #FFFFFF;
    border-top: 1px solid rgba(255,255,255,.2);
}
/* .copyrightdiv{
    margin-left: 25rem;
} */
.friend-links a{
    margin-left: 2rem;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 1.4rem;
    font-weight: 300;
    color: #fff;
}
.QQchart{
    height: 21px;
    margin-bottom: 1rem;
}
.QQchart img{
    height: 100%;
}

/* 404  s */
.whiteBg{
    background-color: #fff;
}
.notFound-page{
    width: 120rem;
    height: 68rem;
}
.notFound-page .notFound-img{
    width: 35.8rem;
    margin-right: 7.5rem;
}
.notFound-page .notFound-con{
    color: #1F1F1F;
    font-weight: 800;
    font-family: PingFang SC;
}
.notFound-page .notFound-con .status{
    font-size: 17.8rem;
    font-family: Impact;
    font-weight: 400;
    color: #1F1F1F;
    background: linear-gradient(180deg, #655EA8 0%, #C9C6E6 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.notFound-page .notFound-con .sub{
    font-size: 3.7rem;
}
.notFound-page .notFound-con .downtime{
    font-size: 2.3rem;
    font-weight: normal;
}
/* 404  e */






/* fixed */

.fixed-contact{
    margin-top: 2rem;
    padding: 4rem 3rem 3rem 3rem;
    background-color: #fff;
}
.fixed-contact .left-img{
    width: 22px;
    height: 22px;
    margin-right: 2rem;
}


.fixed-contact  .fixed-contact-con div,
.fixed-contact  .fixed-contact-con div a{
    color: #808080;
    font-family: PingFang-SC-Medium;
    font-weight: 300;
    margin-top: 1rem;
} 
.fixed-contact  .fixed-contact-con div a{cursor: pointer;}  
.fixed-contact  .fixed-contact-con .line{
    background-color: #e5e5e5;
    width: 145px;
    height: 1px;
}   

.fixed-contact .fixed-contact-con .fixed-contact-title{
    font-size: 1.5rem;
    color: #272727;
    font-weight: bold;
    font-family: PingFang-SC-Bold;
}

.fixed-contact .follow{
    width: 8.9rem;
    height: 8.9rem;
}



.app-footer{
    background: #201C3D;
}
.footer-logo{
    height: 42px;
}

.app-footer .kefu-img,
.app-footer .ercode-img{
    height: 85px;
}
.app-footer-wrap{
    padding: 74px 0 30px 0;
    font-size: 20px;
    font-family: Alibaba PuHuiTi;
    font-weight: 300;
    color: #FFFFFF;
}
.app-footer-wrap .link,
.app-footer-wrap .link a{
    font-size: 20px;
    font-family: Alibaba PuHuiTi;
    font-weight: 300;
    color: #FFFFFF;
    line-height: 60px;
}
.footer-logo-title{
    margin-top: 25px;
    font-size: 26px;
}
.app-footer .footer-concat{
    margin-top: 77px;
    font-size: 16px;
    line-height: 30px;
}
.app-footer .ercode-wrap{
    margin-top: 24px;
}
.qrCode-text{
    margin-top: 8px;
}





/* navbar */



/* 小屏幕（平板，大于等于 768px） */
@media (max-width: 768px) { 
        .navbar-header{width: 100%;}

 }



/* 大屏幕（大桌面显示器，大于等于 1200px） */
@media (min-width: 1200px) { }
.navbar{
    margin-bottom: 0;
    border-radius: 0;
    background: #fff;
}


.navbar-wrap{
    /* display: flex;
    justify-content: space-between;
    align-items: center; */
}
.navbar-collapse{
    z-index: 10;
}
.dropdown-menu-wrap{
    width: 100%;
}
.navbar-brand{
    /* width: 140px; */
    height: 27px;
}
.navbar-brand .navbar-brand-bg{
    height: 27px;
    background: url('../../website/images/logo_inovee2.png') 0 0 no-repeat;
    background-size: 100%;
}
/* .navbar-brand img{
    height: 27px;
} */


.nav>li>a:focus, .nav>li>a:hover,
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover{
    background: transparent;
    color: #605CAD;
    font-size: 20px;
}
.nav>li{
    position: static;
}
.navbar-nav>li>a{
    line-height: 60px;
    font-size: 16px;
    font-family: Source Han Sans CN;
    color: #000000;
    cursor: pointer;
}

.nav-btn.login{
    display: inline-block;
    width: 66px;
    height: 32px;
    border: 1px solid #2F6BFF;
    border-radius: 5px;
    color: #000000;
    text-align: center;
    line-height: 32px;
}
.nav-btn.register{
    display: inline-block;
    width: 103px;
    height: 32px;
    background: linear-gradient(-90deg, #2F6BFF, #754DFD);
    border-radius: 5px;
    color: #FFFFFF;
    text-align: center;
    line-height: 32px;
}


.sec-nav-wrap{
    padding: 35px 0;
}
.sec-nav-wrap > div{
    position: relative;
    width: 220px;
    text-align: center;
}
.sec-nav-title{
    font-size: 16px;
    font-weight: 500;
}
.product-sec-nav.sec-nav > li >a{
    display: inline-block;
    margin-top: 28px;
    cursor: pointer;
}
.sec-nav > li >a{
   margin: 0 20px;
}
.sec-nav-wrap>div + .sec-nav-wrap>div::before{
    content: '';
    display: inline-block;
    border-left: 1px solid #C7C7C7;
}
.navbar-nav>li>.dropdown-menu{
    border: 0;
    box-shadow: none;
    border-top: 1px solid #ccc;
}


@media only screen and (max-width: 1599px) {
    .navbar-nav>li>a{
        line-height: 40px;
    }
}

@media only screen and (min-width: 1600px) {

}


body > a{
    display: none;
}