#headBox {
    height: 80px;
    background: #fff;
}

#head {
    height: 100%;
}

#logoBox {
    flex: 1;
}

.linkItem {
    margin-right: 38px;
    color: #444;
}

#linkBox > .choiceLink {
    color: #044390;
    padding-bottom: 5px;
    border-bottom: 2px solid;
}

#head, #loginBox, #infoBox, #describe, .txt, .who, .ctnItem_t {
    display: flex;
    align-items: center;
}

.register, .login {
    padding: 7px 18px;
    border-radius: 30px;
    box-sizing: border-box;
    cursor: pointer;
}

.register {
    color: #fff;
    background: #044390;
    margin-right: 20px;
}

.login {
    border: 1px solid #DEDEDE;
}

#banner {
    width: 100%;
    height: 520px;
    position: relative;
}

.swiper-container, .swiper-wrapper, .swiper-slide {
    width: 100%;
    height: 100%;
}

.bannerImg {
    width: 100%;
    height: 100%;
}

#information {
    background: #F7F8FC;
}

#infoBox {
    height: 80px;
}

.info1 {
    color: #044390;
    font-weight: 600;
    font-size: 18px;
    margin-right: 30px;
}

.info2 {
    flex: 1;
    color: #888;
    font-size: 15px;
}

.checkMore {
    color: #888;
    font-size: 15px;
}

#effect {
    display: flex;
    margin-top: 120px;
    margin-bottom: 120px;
}

.effectBox {
    flex: 1;
    text-align: center;
}

.effect2 {
    font-size: 24px;
    margin: 18px 0 20px;
}

.effect3 {
    font-size: 14px;
    color: #888;
}

.effect3 > p {
    line-height: 24px;
}

#describeBox {
    padding: 60px 0;
    background: #F7F8FC;
}

.describeTxt {
    flex: 1;
}

.weight {
    font-size: 30px;
    margin-left: 16px;
    margin-bottom: 40px;
}

.txt {
    margin-bottom: 20px;
}

.dot {
    width: 6px;
    height: 6px;
    border-radius: 100%;
    background: #044390;
    margin-right: 10px;
}

.txt > p {
    color: #888;
}

.describeImg {
    width: 500px;
    height: 380px;
}

#solutionTle {
    text-align: center;
    font-size: 30px;
    margin: 70px 0 60px;
}

#mianBox {
    display: flex;
}

.mian_l, .mian_r {
    flex: 1;
}

.mian_m {
    width: 448px;
    height: 392px;
}

.mian_m > img {
    width: 100%;
    height: 100%;
}

.sltItem_l_t, .sltItem_l_b, .sltItem_r_t, .sltItem_r_b {
    display: flex;
}

.sltInfo {
    flex: 1;
}

.sltInfo_t {
    color: #044390;
    margin-bottom: 10px;
}

.sltInfo_b {
    color: #888;
    line-height: 24px;
    font-size: 14px;
}

.sltOrder {
    border: 1px solid #044390;
    border-radius: 100%;
    color: #044390;
    width: 64px;
    height: 60px;
    line-height: 60px;
    font-size: 24px;
    text-align: center;
}

.sltItem_l_t, .sltItem_r_t {
    margin-top: 96px;
}

.sltItem_l_b, .sltItem_r_b {
    margin-top: 85px;
}

.mian_l {
    margin-right: 10px;
}

.mian_r {
    margin-left: 10px;
}

.mian_r_b {
    width: 284px;
    margin: 10px auto 60px;
}

#introduce {
    padding: 70px 0 80px;
    background: #F7F8FC;
    widows: 100%;
}

#introduceTle {
    text-align: center;
    font-size: 30px;
}

.headPortrait {
    width: 60px;
    height: 60px;
    border-radius: 100%;
}

.Users {
    padding: 30px 50px;
    box-sizing: border-box;
}

.whoInfo {
    margin-left: 18px;
}

.userData {
    color: #888;
    margin-top: 10px;
}

.feel {
    background: #fff;
    color: #888;
    padding: 20px;
    height: 160px;
    font-size: 14px;
    line-height: 30px;
    margin-top: 30px;
}

.swiper-container {
    --swiper-theme-color: #ff6600; /* 设置Swiper风格 */
    --swiper-navigation-color: #CECECE; /* 单独设置按钮颜色 */
    --swiper-navigation-size: 16px; /* 设置按钮大小 */
}

.swiper-button-prev, .swiper-button-next {
    border: 1px solid #CECECE;
    padding: 16px;
    border-radius: 100%;
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    left: 0px;
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    right: 0px;
}

#experience {
    padding-top: 20px;
    text-align: center;
    color: #fff;
    background: url(../images/img/paperPMbj.jpg) no-repeat;
    background-size: 100% 100%;
}

#experienceTle {
    font-size: 30px;
    padding-bottom: 20px;
}

#experienceCtn {
    font-size: 18px;
}

#experienceClick {
    padding: 20px 0 24px;
}

.getFree {
    display: inline-block;
    margin: 0 auto;
    color: #044390;
    background: #fff;
    padding: 8px 24px;
    border-radius: 30px;
}

.getFree:hover {
    text-decoration: none;
    color: #044390;
}

#choiceBox {
    text-align: center;
    margin: 50px 0 40px;
}

.methodCtn {
    width: 1000px;
    margin: 0 auto;
    display: none;
}

.methodShow {
    display: block;
}

.choiceItem {
    display: inline-block;
    font-size: 24px;
    height: 46px;
    cursor: pointer;
}

#choiceBox > .choice {
    color: #044390;
    border-bottom: 2px solid #044390;
}

.choiceItem:first-child {
    margin-right: 30px;
}

.ctnItem {
    float: left;
    width: 420px;
    margin-bottom: 50px;
}

.ctnItem:nth-child(odd) {
    margin-right: 160px;
}

.mtDot {
    width: 6px;
    height: 6px;
    border-radius: 100%;
    background: #555;
    margin-right: 10px;
}

.mtHot {
    color: #fff;
    background: #FF9324;
    padding: 8px 4px;
    border-radius: 6px;
    font-size: 12px;
    transform: scale(0.75);
    margin-right: 10px;
}

.mtTle {
    font-size: 18px;
}

.ctnItem_b {
    font-size: 14px;
    color: #888;
    line-height: 26px;
    box-sizing: border-box;
    padding-left: 18px;
    margin-top: 10px;
}

#pageBottom {
    background: #30343F;
    padding: 80px 0 30px;
}

.bottom_t {
    display: flex;
}

.dizhi {
    font-size: 18px;
    color: #fff;
    margin-bottom: 8px;
}

.shuoMing {
    color: #BDBEC0;
}

.dizhi, .shuoMing {
    box-sizing: border-box;
    padding-left: 20px;
}

.bottom_t > div {
    width: 280px;
    box-sizing: border-box;
    border-right: 1px solid #BDBEC0;
}

.bottom_t > div:last-child {
    border: 0;
    width: 360px;
}

.bottomBox2 {
    box-sizing: border-box;
    padding: 0 100px;
}

.bottomBox3 {
    box-sizing: border-box;
    padding: 0 60px;
}

.btle {
    color: #fff;
    margin-bottom: 16px;
}

.blinkBox {
    margin-bottom: 10px;
}

.blink {
    color: #BDBEC0;
    font-size: 14px;
}

.blink2 {
    color: #BDBEC0;
    font-size: 14px;
    display: flex;
    align-items: center;
}

.blink2 > img {
    width: 24px;
    height: 24px;
    margin-right: 10px;
}

.blinkBox2 {
    margin-bottom: 18px;
}

.bottomBox4_b {
    display: flex;
    text-align: center;
}

.bottomBox4_t {
    color: #BDBEC0;
    font-size: 14px;
    margin-bottom: 10px;
}

.bottomBox4_l {
    margin-right: 30px;
}

.bottomBox4_b > div > p {
    color: #BDBEC0;
    font-size: 14px;
    margin-top: 10px;
}

.bottomBox4 {
    box-sizing: border-box;
    padding-left: 80px;
}

.bottom_b {
    text-align: center;
    color: #BDBEC0;
    font-size: 14px;
    margin-top: 50px;
}

#loginRegister {
    position: absolute;
    z-index: 10000;
    width: 304px;
    background: #fff;
    height: 380px;
    border-radius: 6px;
    padding: 14px;
    box-sizing: border-box;
    overflow: hidden;
    top: 20%;
    /*left: 50%;*/
    /*margin-left: -165px;*/
    right: 15%;
}

#lrFrom > div {
    width: 80%;
    margin: 10px auto 0;
}

#lrTle {
    text-align: center;
    font-weight: 700;
    font-size: 18px;
    text-align: center;
    margin-bottom: 5px;
}

#lrFrom > #accountBox {
    margin: 10px auto;
}

#lrFrom > div > input {
    border: 0;
    border: 1px solid #DEDEDE;
    width: 100%;
    height: 40px;
    font-size: 12px;
}

#lrFrom > #forgetBox, #registerBox {
    text-align: right;
    margin-top: 4px;
}

.forgetLink, .registerLink {
    color: #999;
    font-size: 12px;
}

.registerLink {
    color: #044390;
}

#lrBtnBox {
    margin-top: 30px;
    text-align: center;
}

#lrBtnBox button {
    font-size: 14px;
}

#wechatLoginBox {
    margin-right: 80px;
}

#loginBtn {
    width: 100%;
}

#otherLoginBox {
    margin: 10px 0;
}

#modeTle {
    text-align: center;
    font-size: 12px;
    color: #999;
    margin-bottom: 6px;
}

#loginMode {
    display: flex;
    justify-content: center;
}

#loginMode > div {
    cursor: pointer;
}

#QRcodeBox {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 100%;
    background: #fff;
    text-align: center;
    box-sizing: border-box;
    padding: 30px;
    transition: all 0.3s;
    z-index: 200;
}

#wechatTle {
    text-align: center;
    color: #044390;
    font-weight: 600;
}

#wechatQRcode {
    width: 90%;
    /*height: 240px;*/
    margin: 0 auto;
}

.qrcodeExpired{
    display: none;
    width: 90%;
    height: 200px;
    margin: 10px auto;
    text-align: center;
    padding-top: 70px;
    border: #eee 1px solid;
    background: #fff;
}
.qrcodeExpired p{
    height: 36px;
    line-height: 36px;
    color:#ccc;
}

/*#closeBox{
	margin-top: 8px;
}*/

#closeBtn {
    font-size: 14px;
}

#userBox {
    margin-left: 30px;
    height: 100%;
    display: flex;
    align-items: center;
    position: relative;
}

#userBox:hover #userInfo {
    display: block;
}

#userImg {
    widows: 40px;
    height: 40px;
    border-radius: 100%;
}

#userInfo {
    width: 220px;
    position: absolute;
    top: 70px;
    background: #fff;
    z-index: 10001;
    font-size: 12px;
    color: #777;
    right: 0;
    border: 1px solid #DEDEDE;
    border-radius: 4px;
    padding-top: 10px;
    display: none;
}

#recharge {
    font-size: 12px;
    width: 113px;
    height: 25px;
    padding: 0;
    margin: 0 auto;
    display: block;
}

#loginOut {
    background-color: #ececec;
    border: none;
    font-size: 12px;
    height: 23px;
    line-height: 12px;
    margin: 10px 20px 20px 0;
    color: #6e6e6e;
    float: right;
}

.userInfo1, .userInfo2 {
    margin-bottom: 10px;
    box-sizing: border-box;
    padding: 0 10px;
    display: flex;
    align-items: center;
}

.bg-ic1 {
    background: url(../images/ic_2.png) no-repeat left center;
}

.bg-ic2 {
    background: url(../images/ic_1.png) no-repeat left center;
}

.span1 {
    width: 50px;
    text-align: right;
}

#userUl {
    text-align: center;
    margin: 0;
}

#userUl > li {
    height: 30px;
    line-height: 30px;
    border-bottom: 1px solid #f3f4f7;
    cursor: pointer;
    text-align: left;
    margin-left: 30px;
}

#userUl > li > a {
    transition: all .3s;
    color: #000;
    text-decoration: none;
    padding-left: 23px;
    background-size: 13px;
}

/*#userUl>li:last-child{*/
/*border: 0;*/
/*}*/

#userUl > li:hover a {
    color: #044390;
    font-size: 13px;
    font-weight: 700;
}

.mdBox {
    width: 80%;
    position: relative;
    height: 40px;
    margin: 0 auto;
}

.mdLine {
    height: 1px;
    background: #DEDEDE;
    width: 100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.mdle {
    border: 1px solid #DEDEDE;
    padding: 4px 10px;
    border-radius: 40px;
    color: #888;
    font-size: 12px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    z-index: 100;
}

.form-control:focus {
    border-color: #DEDEDE;
    box-shadow: none;
}

.btn-primary.focus, .btn-primary:focus {
    box-shadow: none;
    border-color: #0062cc;
}

.error-tips {
    color: #ef7a7a;
    margin-bottom: 2px;
    display: none;
    text-align: center;
}

.top-tri {
    position: absolute;
    top: -20px;
    right: 35px;
}

.top-tri:before, .top-tri:after {
    position: absolute;
    content: '';
    border: 10px dashed transparent;
    border-bottom: solid #fff;
}

.top-tri:before {
    border-bottom: 10px #DEDEDE solid;
}

.top-tri:after {
    top: 2px; /*覆盖并错开1px*/
    border-bottom: 10px #fff solid;
}

.btn {
    display: inline-block;
    font-weight: 400;
    color: #212529;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

.btn-primary {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.btn-primary:hover {
    color: #fff;
    background-color: #0069d9;
    border-color: #0062cc
}

.bg-h-n {
    color: #fff;
    font-size: 28px;
    line-height: 30px;
    margin-bottom: 70px;
    text-align: left;
}

.bg-h-n span {
    font-size: 32px;
}

.liji {
    position: relative;
    right: -638px;
    top: -76px;
}

.feiji {
    position: absolute;
    left: -100px;
    top: 111px;
}

.tuoyuan {
    width: 100px;
    height: 110px;
    position: absolute;
    left: -26px;
    top: -30px;
    text-align: center;
    background: url('../images/tuoyuan.png') center center no-repeat;
    background-size: 100px 110px;
    padding-top: 15px;
}

.tuoyuan p {
    margin-bottom: 0;
}

.indexBtn1 {
    display: inline-block;
    border-radius: 27px;
    width: 160px;
    height: 56px;
    z-index: 10000;
    position: absolute;
    top: 493px;
    left: 503px;
}

.indexBtn2 {
    display: inline-block;
    width: 200px;
    height: 70px;
    z-index: 10000;
    position: absolute;
    top: 757px;
    right: 219px;
}
/*@media only screen and (max-width: 1920px) {
    .indexBtn1{
        left: 695px;
    }
    .indexBtn2{
        right: 410px;
    }
}*/
@media only screen and (max-width: 1400px) {
    .indexBtn1{
        left: 410px;
    }
    .indexBtn2{
        right: 126px;
    }
}


/*1014新增*/
.content-bg {
    position: relative;
    margin-bottom: 0px;
}

.content-bg-img {
    position: relative;
    width: 1920px;
    left: 50%;
    margin-left: -960px;
}

.content-bg img {
    display: block;
}

.hidden-xs{ position: absolute; left: 0; top: 0;z-index: 99; width: 100%; height:700px;}
body {
    overflow: auto;
}

.wrapper {
    padding: 0;
    margin: 0;
    overflow: hidden;
    min-width: 1200px;
}
a:hover{text-decoration:none;color: #044390}

.idx-check{width: 1200px;margin: 0 auto;margin-top: 50px;background: white}
.idx-check .idx-tt{margin-top: -5vh;}
.idx-check .list .item{text-align: center;width: 225px;}
.idx-check .list .box{border:1px solid #044390;border-radius:6px;height: 340px;}
.idx-check .list .icon{margin:-55px auto 0;height: 160px;width: auto;display: block;}
.idx-check .list .title{font-size: 20px;color: #333;font-weight: bold;margin-bottom: 15px;margin-top: 8px;}
.idx-check .list .txt{font-size: 16px;color: #978b8b;line-height: 20px;-webkit-line-clamp: 5;height: 100px;max-width:180px;margin:0 auto;}
.idx-check .list .line{margin:30px auto 0;width: 80px;height: 10px;border-radius:5px;background-image: linear-gradient(to right, #044390, #044390);display: block;}

.idx-check .list .item .box{transition: all .3s;}
.idx-check .list .item1{animation-delay: 300ms;-webkit-animation-delay: 300ms;}
.idx-check .list .item2{animation-delay: 500ms;-webkit-animation-delay: 500ms;}
.idx-check .list .item3{animation-delay: 700ms;-webkit-animation-delay: 700ms;}
.idx-check .list .item4{animation-delay: 900ms;-webkit-animation-delay: 900ms;}
.idx-check .list .item5{animation-delay: 1100ms;-webkit-animation-delay: 1100ms;}
.idx-check .list .item:hover .box{transform: translateY(-10px);}
.flex-pack-justify {-webkit-box-pack: justify;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between}

.mbox_wrap { width: 96%; margin: 0 auto;max-width:1200px; position: relative; padding-top: 60px;}
.mainer { margin-top: 80px; }
.mbox_page { padding: 0 0 60px; }
.page_tit { text-align: center; margin-bottom: 40px; }
.page_tit h3 { font-size: 26px; font-weight: normal; color: #142541; margin-bottom:15px; }
.page_tit p { color: #343434; font-size: 20px; color: #676d7e; text-align: center; }
.index_news { background: #fff; border-radius: 5px; box-shadow: 0 0 36px rgba(133,171,202,0.16); padding:40px 30px; }
.news_recommend { float:left; width:563px; margin-right:45px; }
.news_recommend .img { border-radius:5px; overflow:hidden; }
.news_recommend .img img { display:block; width:100%; }
.news_recommend .tit { padding: 18px 0 10px; border-bottom: 1px solid #ecf0f3; position:relative; }
.news_recommend .tit h3 { font-weight: normal; font-size: 18px; color: #142541; margin-bottom:7px; }
.news_recommend .tit h3 a { color: #142541; }
.news_recommend .tit h3 a:hover { color: #044390; }
.news_recommend .tit p { font-size: 15px; color: #676d7e; }
.news_recommend .tit .xq_btn { position:absolute; top:17px; right:0;background:#044390;}
.news_recommend .tit .xq_btn a { display: block; padding: 6px 0; border-radius:3px;font-size: 15px; color: #fff; text-align: center; background: -ms-linear-gradient(left, #e67d4b, #f8324b); }
.news_recommend .tit .xq_btn a span { display: inline-block; width: 69px; height: 18px; line-height: 18px; border-right: 1px solid #044390; vertical-align:top; }
.news_recommend .tit .xq_btn a:after { content:''; display:inline-block; width:32px; height:18px; line-height:18px; background:url(../images/icon6.png) no-repeat center center; vertical-align:top; }
.news_recommend .web { margin-top:10px; }
.news_recommend .web p { font-size: 15px; color: #676d7e; line-height: 20px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.index_news .list { overflow:hidden; }
.index_news .list ul li { padding: 28px 0; border-top: 1px solid #ecf0f3; }
.index_news .list ul li:first-child { border-top:none; padding-top:0; }
.index_news .list ul li:last-child { padding-bottom:0; }
.index_news .list ul li .data { float: left; margin-right: 30px; text-align: center; }
.index_news .list ul li .data span { display: block; font-size: 36px; color: #676d7e; }
.index_news .list ul li .data label { display: block; height: 3px; width: 16px; background: #bdc6ce; margin:6px auto 11px; }
.index_news .list ul li .data p { font-size: 15px; color: #676d7e; text-align:center; }
.index_news .list ul li .web { overflow: hidden; padding-left: 33px; border-left: 1px dashed #dae2e8; }
.index_news .list ul li .web h4 { font-weight:normal; font-size:18px; position:relative; padding-right:60px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-bottom:15px; }
.index_news .list ul li .web h4 a { color: #142541; }
.index_news .list ul li .web h4 a:hover { color: #044390; }
.index_news .list ul li .web h4 span { font-size: 15px; position: absolute; top: 0; right: 0; }
.index_news .list ul li .web h4 span a { color: #044390; display:inline-block; padding-right:15px; background:url(../images/icon7.png) no-repeat right center; }
.index_news .list ul li .web p { font-size: 15px; color: #676d7e; line-height: 20px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }

.statnum span {display: inline;padding: 10px 20px;background: white;color: #044390;font-weight: bold}
.statnum em {display: inline-block;margin: 0 10px}
.fk {padding: 40px;width: 580px;height: 200px;border: 1px solid rgb(239,240,240);box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.1);margin: 10px;border-radius: 10px}
.fk h3{padding-bottom: 20px;font-size: 20px;color: #044390;font-weight: bold}
.fk p {line-height: 2}
.fk img {margin-left: auto;}