.ab_banner img,.ab_img img{width: 100%}
.box1{background: #f5f5f5;padding: 70px 0;}
.ab_txt{padding-right: 90px}
.ab_txt h2{font-size: 32px;margin-bottom: 20px;}
.ab_txt p{color: #676767;letter-spacing: 2px;line-height: 30px;text-indent:2em;}

.box2{background: url("/bocstatic/zjw/image/about/bg.jpg");padding: 70px 0;}
.title{text-align: center;}
.title .cn{color: #FFF;font-size: 50px;}
.title .en{color: #5a5a5a;font-size: 17px;}
.title .line{margin: 30px auto 100px;width: 100px;height: 7px;background: #a88450;}

.ab_big_tit1,.ab_big_tit2,.ab_big_tit3{font-size: 50px;color:#a88450;font-weight: bolder;}
.ab_big_tit1{padding-left: 7px;}
.ab_big_tit1 i,.ab_big_tit2 i,.ab_big_tit3 i{font-size: 22px;position: relative;bottom: 6px;}
.ab_sm_tit1{color: #fff;padding-left: 5px;padding-right: 40px;}
.ab_sm_year{font-size: 16px;}
.ab_sm_txt{font-size: 20px;font-weight: bolder}
.aa_box{padding-left: 40px;position: relative}
.aa_box2{padding: 20px 40px;border-left: 1px solid #666;border-bottom: 1px solid #666;}
.aa_box4{padding: 20px 250px 20px 40px;border-left: 1px solid #666;border-bottom: 1px solid #666;}
.aa_box3{padding: 20px 40px;border-right: 1px solid #666;border-bottom: 1px solid #666;position: relative}

.ab_big_tit1:before{content: "";position: absolute;bottom: 0;left: 0;width: 40px;height: 28px;border-left: 1px solid #666;border-top: 1px solid #666;}

.left_line4{position: absolute;width: 275px;height: 29px;top: -30px;right: -1px;border-right: 1px solid #666;border-top: 1px solid #666;}
.left_line2{position: absolute;width: 320px;height: 29px;top: -30px;right: -1px;border-right: 1px solid #666;border-top: 1px solid #666;}


.t2{color: #b9b9b9;font-size: 16px;padding-left:12px; line-height: 30px;letter-spacing: 2px;}
.t1{font-size: 30px;font-weight: bolder;vertical-align: top;}
tr{display: block;margin-bottom: 30px;}
.img1box{padding-left: 40px}
.img1box img{width: 100%;top: 190px;position: relative;}
.abBox{margin-bottom: 90px;}
.img2box{padding-left: 20px;padding-right: 40px}
.img2box img{width: 100%;top: 45px;position: relative;}
.img3box{position: relative}
.img3box img{position: absolute;right: -24px;top: 95px;}

.el-collapse-item__header,.el-collapse-item__wrap{background-color: unset;border-bottom:none;}
.el-collapse-item__content{color: #FFF;}
.el-collapse{border: none;}
.el-collapse-item__arrow{color: #FFF;}
.xs_box_info{padding-left: 40px;}
@media screen and (min-width: 1300px) and (max-width:1519px) {
    .left_line4{position: absolute;width: 155px;height: 29px;top: -30px;right: -1px;border-right: 1px solid #666;border-top: 1px solid #666;}
    .left_line2{position: absolute;width: 190px;height: 29px;top: -30px;right: -1px;border-right: 1px solid #666;border-top: 1px solid #666;}
    .img1box img{top: 90px;}
}

@media screen and (min-width: 1080px) and (max-width:1299px) {
    .ab_txt h2{font-size: 26px;margin-bottom: 10px;}
    .f17{font-size: 15px;}
    .ab_txt p{line-height: 22px;letter-spacing: 1px;}
    .ab_txt {padding-right: 30px;}
    .box2{padding: 30px 0;}
    .title .line{margin: 20px auto 40px;}
    .img1box img{top: 40px;}
    .left_line4{position: absolute;width: 35px;height: 29px;top: -30px;right: -1px;border-right: 1px solid #666;border-top: 1px solid #666;}
    .left_line2{position: absolute;width: 70px;height: 29px;top: -30px;right: -1px;border-right: 1px solid #666;border-top: 1px solid #666;}
    .t2{font-size: 15px;line-height: 22px;}
    .img3box img{right: -33px;top: 11px;width: 420px;}
}



@media screen and (min-width: 860px) and (max-width:1079px) {
    .box1,.box2{padding:35px 0;}
    .ab_txt h2{font-size: 24px;margin-bottom: 5px;}
    .title .cn{font-size: 38px;}
    .f17{font-size: 14px;}
    .ab_big_tit1, .ab_big_tit2, .ab_big_tit3{font-size: 36px;}
    .ab_sm_txt{font-size: 16px;}
    .ab_sm_year{font-size: 14px;}
    .ab_txt p{line-height: 20px;letter-spacing: 1px;}
    .ab_txt {padding-right: 30px;}
    .box2{padding: 30px 0;}
    .title .line{margin: 20px auto 30px;width: 80px;height: 5px;}
    .img1box img{top: 40px;}
    .left_line4{position: absolute;width: 10px;height: 29px;top: -26px;right: -1px;border-right: 1px solid #666;border-top: 1px solid #666;}
    .left_line2{position: absolute;width: 46px;height: 29px;top: -25px;right: -1px;border-right: 1px solid #666;border-top: 1px solid #666;}
    .t2{font-size: 15px;line-height: 22px;}
    .t1{font-size: 24px;}
    .img3box img{right: -33px;top: 11px;width: 350px;}
}
/*<=959px and >=768px的设备：PC端;*/
@media screen and (min-width: 768px) and (max-width:859px) {
    .box1,.box2{padding:35px 0;}
    .ab_txt h2{font-size: 24px;margin-bottom: 5px;}
    .title .cn{font-size: 38px;}
    .f17{font-size: 14px;}
    .ab_big_tit1, .ab_big_tit2, .ab_big_tit3{font-size: 36px;}
    .ab_sm_txt{font-size: 16px;}
    .ab_sm_year{font-size: 14px;}
    .ab_txt p{line-height: 20px;letter-spacing: 1px;}
    .ab_txt {padding-right: 30px;}
    .box2{padding: 30px 0;}
    .title .line{margin: 20px auto 30px;width: 80px;height: 5px;}
    .img1box img{top: 40px;}
    .left_line4{position: absolute;width: 10px;height: 29px;top: -26px;right: -1px;border-right: 1px solid #666;border-top: 1px solid #666;}
    .left_line2{position: absolute;width: 46px;height: 29px;top: -25px;right: -1px;border-right: 1px solid #666;border-top: 1px solid #666;}
    .t2{font-size: 15px;line-height: 22px;}
    .t1{font-size: 24px;}
    .img3box img{right: 46px;top: 11px;width: 300px;}
}

@media screen and (max-width:767px){
    .box1,.box2{padding:35px 0;}
    .ab_txt{padding: 0}
    .ab_txt h2{text-align: center;}
    .ab_img{padding-bottom: 20px;}
    .ab_txt p{line-height: 25px;}
    .f17{font-size: 15px;}
    .title .cn{font-size: 30px;}
    .title .en{font-size: 14px;}
    .title .line{margin: 14px auto 40px;width: 76px;height: 4px;}
    .ab_big_tit1{font-size: 30px;padding-left: 13px;}
    .ab_big_tit1 .ab_xs_year{display: inline-block;font-size: 16px;color: #8f8f8f;}
    .ab_sm_txt{font-size: 18px;margin-bottom: 10px;}
    .t1{font-size: 22px;}
    .xs_ul{margin-bottom: 20px;}
    .t2{padding-left: 0;letter-spacing:0;font-size: 14px;line-height: 25px;}
    .el-collapse-item__header{line-height: normal;height: auto;}
    .ab_big_tit1::before{display: none;}
    .el-collapse-item__content{border-left: 1px solid #666;}
    .ab_big_tit1 i{font-size: 15px;bottom: 4px;right: 18px;}
}