html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-size-adjust:100%!important;-ms-text-size-adjust:100%!important;-webkit-text-size-adjust:100%!important}
button{border:none;outline:0}
input{border:none}
:root {
    --quote-blue: #3f51b5;
    --quote-orange: #ff9c4e;
    --quote-white: #ffffff;
    --quote-black-1: #333333;
    --quote-black-2: #666666;
}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;height:0;overflow:hidden;line-height:0}
.bit{width:100%;z-index:-1;left:0;min-width:1200px;background-position:center;background-repeat:no-repeat}
.container{width:1200px;margin:0 auto}

.quote-title,.quote-title1{position:relative;height: 48px;line-height: 48px}
.quote-title{padding-top:94px}
.quote-title1:after,.quote-title1:before,.quote-title:after,.quote-title:before{content:"";display:block;position:absolute;height:2px;width:80px;background-color:#e8e8e8}
.quote-title1:before,.quote-title:before{left: 384px;top: 120px;}
.quote-title1:after,.quote-title:after{right: 384px;top: 120px;}
.quote-title1:before{left:170px;top:17px}
.quote-title1:after{right:170px;top:17px}
.bj-bjd .title,.bj-js .quote-title,.bj-tq .quote-title1,.bj-why .quote-title,.bj-yzs{color:var(--quote-black-2);font-weight:700}
.quote-title span,.quote-title1 span{color:#ffba14}
.tc{text-align:center}
.text-black{color:var(--quote-black-1)}
.f36{font-size:36px}
.f40{font-size:40px}
.bj-js .quote-title,.bj-js .quote-title1{padding-bottom:20px}
.bj-js .extra p:nth-of-type(1){color:var(--quote-blue);font-weight:700;line-height:60px;letter-spacing:3px}
.bj-js .extra p:nth-of-type(2){font-size:18px;var(--quote-black-2);margin-top: 10px;}
.bj-js .extra p span{color:var(--quote-orange)}
.bj-js .extra p:nth-of-type(2)>span{color: var(--quote-orange);font-weight: 600;}
.extra.tc{padding-bottom:30px}
.bj-box{width:1180px;border:10px solid #bec5d7;position:relative;height:360px}
.box-r{width:440px;height:185px;position:absolute;padding:40px 60px;margin:48px 30px;border-right:1px solid #e4e4e4}
.box-tit{font-size:24px;color:var(--quote-black-1)}
.box-tit span{font-size:16px;color:var(--quote-blue);padding-left:10px}
.box-r .item label{width:100px;height:30px;line-height:30px;display:block;float:left;text-align: center;}
.box-r .item input{display:block;width:260px;height:30px;line-height:30px;margin-left:10px;float:left;border:none;font-size:12px;border:1px solid #e4e4e4;transition: border .5s;}
.box-r .item input:hover,.box-r .item input:focus {border: 1px solid var(--quote-black-2);}
.box-r input{padding:0 10px;background:var(--quote-white);box-shadow:2px 2px 20px rgba(0,0,0,.1)}
.box-r form{margin-top:30px}
.box-r .item{margin-bottom:15px;height:30px;font-size:12px;margin-top:8px}
.box-r .submit-input{position:absolute;display:block;width:35px;height:35px;padding:10px;top:16px;left:16px;box-sizing:content-box;background:var(--quote-blue);font-size:14px;white-space:normal;line-height:1.3;color:#fff;overflow-y: inherit;}
.bj-btn{width:88px;height:88px;border-top:1px solid #e4e4e4;border-bottom:1px solid #e4e4e4;position:absolute;top:86px;left:518px;z-index:10;background:#fff}
.box-l{width:300px;height:214px;position:absolute;padding:30px 60px;margin:43px 30px;right:120px;bottom:0;top:0}
.box-yusuan{font-size:16px;margin-bottom:20px}
.box-yusuan span{margin-left:30px;margin-right:25px;font-size:30px;font-weight:700;color:var(--quote-blue)}
.yusuan-list{padding:20px 30px;border:1px solid #999;border:1px solid #bfbfbf;display:block;display:block;text-align:center}
.yusuan-list li em{font-size:18px;font-weight:700;width:80px;display:inline-block;color:var(--quote-black-1)}
.yusuan-list li span{font-size:16px;padding-right:30px}
.yusuan-list li{display:block}
.bj-tq .quote-title1{padding-bottom:50px}
.bj-tq .quote-title1:before{left:280px;top: 25px;}
.bj-tq .quote-title1:after{right:280px;top: 25px;}
.tq-list{margin:40px auto 0 auto;padding-bottom:40px}
.tq-list li{float:left;width:20%}
.tq-detail{position:relative;width:100px;height:100px;left:60px;background-color:var(--quote-white);border:1px solid var(--quote-black-1);transform:rotate(45deg);border-radius:8px}
.pic-detail>p{color:var(--quote-black-2);font-weight:400}
.tq-num{position:absolute;top:0;width:25px;height:25px;background:#ffdc6c;transform:rotate(-90deg);left:-36px;top:26px}
.tq-cont{position:relative;left:10px;top:-10px;border-radius:8px}
.tq-num span{transform:rotate(45deg);position:absolute;width:25px;height:25px;text-align:center;font-size:14px;line-height:25px;font-weight:600;color:var(--quote-black-1)}
.tq-cont{width:100px;height:100px;background-color:var(--quote-blue);background-image: linear-gradient(100deg,#a1bbf8,#3f5cd1);}
.tq-con>p{transform:rotate(-45deg)}
.tq-list li p{margin-top:30px;text-align:center;font-size:14px}
.tq-describe span.iconfont{font-size:48px}
.tq-describe{transform:rotate(-45deg);position:absolute;left: 30px;top: 30px;color:var(--quote-white);}
.bj-tq{margin-top: 65px;padding-top:20px;width:1200px;height:328px;position:relative;background:var(--quote-white);}
.bj-yzs{color:#fff;height:1172px}
.bj-yzs .quote-title:before{left:328px}
.bj-yzs .quote-title:after{right:328px}
ul.yzs-list li{width: 370px;height: 388px;position: relative;margin-bottom: 28px;/* padding: 10px; */}


.yzs-list{margin:70px auto 0;overflow:hidden;display: flex;justify-content: space-between;flex-wrap: wrap;padding: 25px;background: var(--quote-white);}
.bj-bjd .quote-title{
    margin-bottom: 60px
}
ul.yzs-list li img{height:100%;width:100%;}
ul.yzs-list li dl {
    position: absolute;
    top: 180px;
    left: 50px;
    color: var(--quote-black-1);
    font-weight: normal;
}

ul.yzs-list li dl dt {
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 10px;
}

ul.yzs-list li dl dd {
    font-size: 14px;
    line-height: 26px;
    color: var(--quote-black-2);
}
ul.yzs-list li dl dd:before {content: '';display: inline-block;width: 14px;height: 11px;background: url(//www.djljz.cn/zt/quote/PC/img/yzs-list-pro.png);margin-right: 5px}
.bj-bjd .quote-title:before{left:227px}
.bj-bjd .quote-title:after{right:227px}
.bj-bjd.title{margin-bottom:50px}
.bj-why .quote-title:before{left:314px}
.bj-why .quote-title:after{right:314px}
.why-list{margin:60px auto 190px;overflow:hidden}
.why-list li{width:400px;float:left;text-align:center}
.why-list li>span{font-size:60px;height: 60px;line-height: 60px;color:var(--quote-blue);}
.why-list li h3{margin-top:20px;margin-bottom:10px;font-size:24px;color:#434343;font-weight:400}
.why-list li>p{color:var(--quote-black-2);line-height:22px}
#bj-btn_box {
     width: 40px;
    height: 40px;
    border: 13px solid #9e9e9eb8;
    position: absolute;
    top: 10px;
    left: 11px;
    background-color: white;
    z-index: -1;
}
.animated_hb {
    animation: pulse1 1s linear 0s infinite normal;
}
@keyframes pulse1 {
    0% {
        transform: scale3d(1, 1, 1);
        opacity:0.8;
    }
    100% {
        transform: scale3d(1.25, 1.25, 1);
        opacity: 0
    }
}