/* 导航 */

:root {
    --dark-blue: #0a1f44;
    --primary-blue: #1e88e5;
    --hover-blue: #42a5f5;
    --active-blue: #1565c0;
    --white: #ffffff;
    --light-gray: #f5f5f5;
    --border-color: #e0e0e0;
    --text-color: #333;
    --placeholder-color: #9e9e9e;
    --mainColor: #1565c0;
}
.header {
    z-index: 999;
    position: -webkit-sticky;
    position: sticky;
    top: 0px;
    width: 100%;
    background-color: #fff;
    background: #fff  url("/img/content-bg.png") no-repeat top center;
}
.header.active {
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
.header .container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.header_zx .container{height:60px;}

.header .container .left {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.header .container .left .logo {
    margin-right: 20px;
}
.reg_form .header .container .left .logo{margin-top:10px;}
.header .container .left .logo img {
    width: 114px;
    height: auto;
}
.header .container .left .nav {
}
.header .container .left .nav > ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.header .container .left .nav > ul > li {
    position: relative;
}
.header .container .left .nav > ul > li > a {
    display: inline-block;
    position: relative;
    padding: 20px;
}
.header .container .left .nav > ul > li > a i::before {
    content: "<";
    left: 0;
    top: 0;
    font-size: 14px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.header .container .left .nav > ul > li.active > a::before,
.header .container .left .nav > ul > li:hover > a::before {
    content: "";
    position: absolute;
    height: 2px;
    width: 40%;
    left: -webkit-calc(50% - 20%);
    left: calc(50% - 20%);
    bottom: 10px;
    background-color: var(--mainColor);
}
/* 导航子菜单 */

.header .container .left .nav > ul > li .children {
    position: absolute;
    left: 0;
    top: 60px;
    width: 150%;
    padding: 10px 0;
    background-color: #fff;
    border: 1px solid #dddddd;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    /* border-top: none; */
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.header .container .left .nav ul li:nth-child(4) .children{width: 260px;max-height: 300px;}
.header .container .left .nav ul li:nth-child(4) .children li{float: left;width: 120px;text-align: center;}

.header .container .left .nav > ul > li:hover .children {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1;
}
.header .container .left .nav > ul > li .children li {
    /* margin: 8px 0; */
}
.header .container .left .nav > ul > li .children li a {
    display: inline-block;
    padding: 10px 20px;
    width: 100%;
}
.header .container .left .nav > ul > li.active .children li.active a {
    color: var(--mainColor);
}

.header .container .right {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.header .container .right .contact {
    margin-right: 15px;
    font-size: 24px;
    font-weight: 600;

}

.header .container .right .tel_txt{font-size:20px;margin-right:15px;font-weight:600;}





/* ============================= 工具栏 =========================== */
/* 字体 */
.big-title {
    font-family: "FZLTZHJW";
}
/* 字体颜色 */
.text-grey {
    color: var(--textGrey);
}
.text-purple {
    color: var(--textPurple);
}
/* 字体大小 */
.fs_sm {
    font-size: var(--fontSm);
}
.fs_xxxlg {
    font-size: var(--fontXXXlg);
}
.fs_30 {
    font-size: 30px !important;
}
.fs_40 {
    font-size: 40px !important;
}

/* 颜色 */
.bg-color-blue {
    background-color: var(--bgColorBlue);
}
.bg-dark {
    background-color: var(--bgDark);
}
.bg_light {
    background-color: var(--bgColorBlue);
}

/* 边框 */
.border_5 {
    border-radius: 5px;
}
.border_1 {
    border: 1px solid #eee;
}

/* 宽高 */

/* 边距 */
.m_50 { margin: 50px;}
.m_30 {margin: 30px;}
.m_t_50 {margin-top: 50px;}
.mt_50 {margin-top: 50px!important;}
.mt_80 {margin-top: 80px!important;}
.mt_70 {margin-top: 70px!important;}
.mt_30 {margin-top: 30px!important;}
.mt_20 {margin-top: 20px!important;}
.mt_10 {margin-top: 10px!important;}
.m_0 {margin: 0 !important;}
.mb_10 {margin-bottom: 10px !important;}
.mb_20 {margin-bottom: 20px !important;}
.mb_30 {margin-bottom: 30px !important;}
.mb_40 {margin-bottom: 40px !important;}
.mb_50 {margin-bottom: 50px !important;}
.mb_80 {margin-bottom: 80px !important;}
.pt_50 {padding-top: 50px!important;}
.pt_80 {padding-top: 80px!important;}
.pt_100 {padding-top: 100px!important;}
.pb_50 {padding-bottom: 50px!important;}
.pb_80 {padding-bottom: 80px!important;}
.pb_100 {padding-bottom: 100px!important;}

/* 布局 */
.display_b {
    display: block !important;
}
.flex_bet_center {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

/* 省略号 */
.one_hidden {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.two_hidden {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.container {
    /* width: 62.5vw; */
    width: 1200px;
    min-width: 1200px;
    margin: 0 auto;
}

.lp2_part2 .container{padding:0 75px;}

/* 宽高 */
.w_60 {
    width: 60% !important;
}
.w_100 {
    width: 100% !important;
}

@media screen and (max-width: 1200px) {
    .container {
        /*width: 100%;*/
    }
}

.p-fixed {
    position: fixed;
    left: 0;
    bottom: 0;
}

.bg-cover {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
.bg-contain {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}
.fr {
    float: right;
}
.fl {
    float: left;
}
.clearFix::after {
    content: "";
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden;
    clear: both;
}
.clearFix {
    zoom: 1;
}

/* 按钮 */
.btn {
    border-radius: 5px;
    font-size: 14px;
}
.btn.primary {
    color: #ffffff;
    background-color: var(--mainColor);
}
/* .btn-danger {
  background-color: #FB5753;
  border-color: #ff4557;
}
.btn-danger:hover {
  background-color: #FB5753;
  border-color: #ff4557;
} */

/* 动画 */
.transition_3 {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.item-shadow:hover {
    -webkit-transform: translateY(-3px);
    -ms-transform: translateY(-3px);
    transform: translateY(-3px);
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}
/* 子元素延迟 */
.transition_delay li:nth-child(1) {
    -webkit-transition-delay: 0.1s;
    -o-transition-delay: 0.1s;
    transition-delay: 0.1s;
}
.transition_delay li:nth-child(2) {
    -webkit-transition-delay: 0.3s;
    -o-transition-delay: 0.3s;
    transition-delay: 0.3s;
}
.transition_delay li:nth-child(3) {
    -webkit-transition-delay: 0.5s;
    -o-transition-delay: 0.5s;
    transition-delay: 0.5s;
}
.transition_delay li:nth-child(4) {
    -webkit-transition-delay: 0.7s;
    -o-transition-delay: 0.7s;
    transition-delay: 0.7s;
}
.transition_delay li:nth-child(5) {
    -webkit-transition-delay: 0.9s;
    -o-transition-delay: 0.9s;
    transition-delay: 0.9s;
}
.transition_delay li:nth-child(6) {
    -webkit-transition-delay: 1.1s;
    -o-transition-delay: 1.1s;
    transition-delay: 1.1s;
}
.transition_delay li:nth-child(7) {
    -webkit-transition-delay: 1.3s;
    -o-transition-delay: 1.3s;
    transition-delay: 1.3s;
}
.transition_delay li:nth-child(8) {
    -webkit-transition-delay: 1.5s;
    -o-transition-delay: 1.5s;
    transition-delay: 1.5s;
}
.transition_delay li:nth-child(9) {
    -webkit-transition-delay: 1.7s;
    -o-transition-delay: 1.7s;
    transition-delay: 1.7s;
}

/* 改写bootstrap */
.btn-primary {
    background-color: var(--mainColor);
}
.btn-primary:hover {
}

.hd2_banner .btn-primary{background-color:#8a4929;border:none;}
.hd2_banner .btn-primary:hover{background-color:#6b2219;}
.hd2_banner .btn-primary:not(:disabled):not(.disabled):active{background-color:#6b2219;}
.hd2_banner .btn-primary.focus, .btn-primary:focus{box-shadow:none;}
.hd2_banner .ldy-title,.hd2_banner .ldy{color:#6b2219 !important;font-size:45px !important;}
.hd2_banner .ldy-title{font-weight:600;letter-spacing: 5px;}

/* ul li 动画 鼠标经过图片放大 */
.hover_scale > div .img,
.hover_scale > li .img {
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    cursor: pointer;
}
.hover_scale > div:hover .img,
.hover_scale > li:hover .img {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}


/* 滚动条 */
.is-scroll::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    background-color: #f5f5f5;
}
.is-scroll::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, .3);
    border-radius: 5px;
    background-color: #f5f5f5;
}
.is-scroll::-webkit-scrollbar-thumb {
    -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, .3);
    border-radius: 5px;
    background-color: #555;
}

/* 模态框成功提示 */
.success-modal .modal-body {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    padding: 40px 0;
}
.success-modal .modal-body > div {
    width: 90%;
}
.success-modal .left {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    text-align: center;
}
.success-modal .left .top {}
.success-modal .left .top > p {
    margin-top: 20px;
}
.success-modal .left .top img {
    width: 60px;
    height: auto;
}
.success-modal .left .top .one {
    font-size: var(--fontXXlg);
}
.success-modal .left .top .two {
    color: var(--textGrey);
}
.success-modal .left .top .three {
    color: var(--textGrey);
}
.success-modal .left .bottom button {
    width: 200px;
    height: 30px;
    line-height: 30px;
    border-radius: 15px;
    background: -webkit-gradient(linear, left top, right top, from(#62b5ff), to(var(--mainColor)));
    background: -o-linear-gradient(left, #62b5ff, var(--mainColor));
    background: linear-gradient(to right, #62b5ff, var(--mainColor));
    color: #ffffff;
}
.success-modal .right {}
.success-modal .right > div {
    margin-bottom: 30px;
}
.success-modal .right > div:last-child {
    margin-bottom: 0;
}
.success-modal .right .one {
    font-size: var(--fontXlg);
}
.success-modal .right .two {}
.success-modal .right .qr {
    display: inline-block;
    padding: 10px;
    border: 1px solid #eee
}
.success-modal .right img {
    width: 150px;
    height: auto;
}

/* 提示框樣式 */
.modal-.header {
    border-bottom: none;
}
.info-toast {
    position: fixed;
    z-index: 9999;
    padding: 10px 40px;
    background-color: #f56c6c;
    left: 50%;
    top: 10%;
    border-radius: 10px;
    color: #fff;
    opacity: 0;
    -webkit-transform: translate(-50%, -200px);
    -ms-transform: translate(-50%, -200px);
    transform: translate(-50%, -200px);
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.info-toast.active {
    opacity: 1;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}

.form-control:disabled, .form-control[readonly] {
    background: #fff;
}
.form-control {
    font-size: 14px;
}

.consult .form-control {display:inline-block;}

.font-en {
    font-family: 'Condensed_Bold';
}


#willingPopupQRcode img{width: 110px !important;height: 110px !important;margin: 0 !important;margin-top: 5px !important;}
#willingQRText{
    font-size: 14px;
    margin: 10px 0 !important;
}


/*咨询框弹出*/
.popup{display:none;}
.window_qrcode{
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 101;
    width: 750px;
    height: 426px;
    border-radius: 20px;
    padding: 20px 60px;
    display: flex;
    background-image: url(https://ebd-site.cdn.bcebos.com/newbaidu/themes/ebaidu/public/img/weixin-modal/bg.png);
    background-size:cover;
    padding-top: 95px;
}
.window_qrcode .left{width: 68%;margin-right: 2%;}
.window_qrcode .right{text-align:center;}
.window_qrcode .close{position: absolute;right: 0;top: 0;padding: 5px 10px;cursor: pointer;background: #fff;border-radius: 34px;}
.window_qrcode .left h1{
    margin-top: 15px;
    font-size: 44px;
    font-weight: 600;
    color: #333;
    letter-spacing: 5px;
}

.window_qrcode .left .little-title{ font-size: 22px;font-weight: 600; color: #142749; letter-spacing: 1px;}
.window_qrcode .left .little-title span{background-image: url(https://ebd-site.cdn.bcebos.com/newbaidu/themes/ebaidu/public/img/weixin-modal/bg_txt.png);background-size:cover;color: #fff;padding-left: 12px;display: inline-block;width: 200px;font-weight: normal;vertical-align: middle;line-height: 40px;text-align: center;}
.window_qrcode .left .tags{margin: 10px 0;display: flex;justify-content: space-evenly;align-items: center;}
.window_qrcode .left .tags .tags-list{text-align:center;font-size: 16px;font-weight: 600;width: 25%;}
.window_qrcode .left .tags .tags-list img{width: 50px;margin-bottom: 10px;}
.window_qrcode .right .kefu-txt{color: #333;font-size: 14px;font-weight: 600;margin-top: -30px;letter-spacing: 1px;}
.window_qrcode .left .phone{
    color: #333;
    font-size: 24px;
    vertical-align: middle;
    font-style: italic;
    font-weight: 700;
    text-align: right;
    margin-top: 55px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-right: -70px;
}
.window_qrcode .left .phone img{width: 25px;margin-right: 10px;}
#wl-qrcode {background-image: url(https://ebd-site.cdn.bcebos.com/newbaidu/themes/ebaidu/public/img/weixin-modal/bg_qrcode.png);background-size:cover;width: 210px;height: 236px;text-align: center;}
#wl-qrcode img{width:195px !important;height:195px !important;margin-top:10px;}
#weixin-modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: none;
    z-index: 100;
}

/*咨询框弹出结束*/
.modal.show .modal-dialog{margin-top:5rem;}
.header .container .left .nav > ul > li.active > a {
    position: relative;
    color: var(--mainColor);
}



.btn {
    border-radius: 5px;
    font-size: 14px;
}
.btn-danger {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
}
