.cl_part1{background: url("/bocstatic/zjw/image/cailiao/images/bg1.png") no-repeat center top;padding-top: 93px;}
.cl_p1Box{position: relative;padding: 40px 0 0 10%;}
.part1_left{position: absolute;top: 0;left: 0;}
.part1_right{position: relative}
.part1_left{width: 190px;border-left: 3px solid #FFF;border-top: 3px solid #FFF;padding: 20px 15px;box-sizing: border-box;color: #d21277;font-size: 18px;z-index: 1;}
.part1_left:after{content: '';position: absolute;top: 0;right: 0;height:20px;width: 3px;background: #FFF;}
.part1_left:before{content: '';position: absolute;bottom: 0;left: 0;height:3px;width: 115px;background: #FFF;}
.part1_left .en{color: #d6d6d6;font-size: 13px;}
.part1_left .f1{font-size: 32px;font-weight: bolder;}
.part1_left .f2{font-size: 24px;margin-bottom: 10px;}
.part1_right{width: 100%;z-index: 3;background: #081a62;color: #FFF;}
.part1_right h1{font-size: 50px;padding: 75px 0 20px 60px;font-family: 'harmoney—light';font-weight: 400;}
.part1_right .p1-1-1{vertical-align: top;width: calc(100% - 443px)}
.pinkBox{background: #d21277;font-size: 24px;position: relative;padding: 18px 0 0 60px;height: 140px;box-sizing: border-box;}
.sjx{width: 0;height: 0;border-top: 70px solid transparent;border-left: 40px solid transparent;border-bottom: 70px solid transparent;border-right: 40px solid #d21277;display: inline-block;position: absolute;left: -80px;top: 0;}
.pink1Txt{display: inline-block;background: #081b60;color: #FFF;font-size: 24px;padding: 10px 20px;border-radius: 30px;}
.pinkBox h3{padding-top: 5px;font-size: 36px;}
.p1-bottom-box{padding:40px 0 0 60px;}
.p1-bottom-box .p1_wz_1{font-size: 18px;margin-bottom: 5px;font-weight: 600}
.p1-bottom-box .p1_wz_2{font-size: 16px;color:#8998c3; }
.p1_wz{vertical-align: middle;padding-left: 20px;}
.ov_p1{margin-bottom: 30px;}
.bg_en_txt{position: absolute;left: 0;writing-mode: vertical-lr;font-size: 14px;color: #676767;letter-spacing: 38px;top: 240px;}


.cl_part2{color: #333;padding: 60px 0 80px;}
.cl_part2 h2{font-size: 38px;font-weight: 500;margin-bottom: 60px;position: relative;}

.cl_part2 .el-col-md-12{padding: 0 40px;}
.fu-tit2{font-size: 25px;margin-bottom: 20px;position: relative;}
.fu-txt{font-size: 15px;color: #666;line-height: 1.8;}
.fu-tit2:before{content: '';height:5px;width: 100px;background: #d21277;position: absolute;top: -30px;left: 0;}
.cl_p2_l_2{margin-top: 70px;}
.bor-h3-box{border: 2px solid #d21277;position: relative;text-align: center;padding: 4px 16px 6px;width: 40%;margin-bottom: 10px;}
.big-one-txt{font-size: 70px;font-family: 宋体;position: relative;margin-bottom: 8px;}
.big-one-txt:after{content: '';height:1px;width: 20px;background: #111;position: absolute;bottom: 0;left: calc(50% - 10px);}
.big-2-txt{font-size: 20px;font-family: 宋体}
.bor-h3-box span{position: absolute;color: #d21277;display: inline-block;background: #FFF;writing-mode: vertical-lr;left: -8px;top: 12px;font-size: 12px;letter-spacing: 2px;}
.bor-h3-box2{font-size: 13px;color: #999;line-height: 1.8}
.p2_r_box img{display: inline-block;margin-bottom: 110px;width: 100%}

.cl_part3{padding: 100px 0 80px; background: url("/bocstatic/zjw/image/cailiao/images/bg2.png") no-repeat;background-size: cover}
.cl_part3 .title{text-align: center;margin-bottom: 55px;}
.cl_part3 .title h1,.cl_part4 .title h1{font-size: 42px;font-weight: 500;margin-bottom: 15px;}
.cl_part3 .title p{color: #999;font-size: 16px;}
.clp3_box{background: url("/bocstatic/zjw/image/about/bg.jpg");padding: 60px 30px;}
.clp3_box .el-col-sm-8{padding: 0 30px;}
.clp3_info_box img{width: 100%;}
.clp3_info_box{position: relative}
.clp3_tit{text-align: center;color: #FFF;background: rgba(41,52,106,.8);padding: 18px 0;width: 100%;position: absolute;bottom: 0;left: 0;}
.clp3_tit p{font-size: 20px;position: relative;margin-bottom: 6px;}
.clp3_tit h1{font-size: 26px;}
.clp3_tit p:before{content: '';height:1px;width: 60px;background: #9f9f9f;position: absolute;bottom: 50%;left: 20%;}
.clp3_tit p:after{content: '';height:1px;width: 60px;background: #9f9f9f;position: absolute;bottom: 50%;right: 20%;}
.cl_part4{padding: 50px 0;background: url("/bocstatic/zjw/image/cailiao/images/bg3.png") no-repeat;background-size: cover;}
.cl_part4 .title{text-align: center;}
.cl_part4 .title h1{color: #FFF;margin-bottom: 50px;}
.se100{width: 90%;margin:0 7.5% 0 2.5%; }
.se100 h1{font-size: 80px;color: #d21277;font-family: 微软雅黑;position: relative;display: inline-block;}
.se100 h1 b{font-size: 50px;position: absolute;top: 0;right:-30px;}
.se100 p{color: #FFF;font-size: 28px;}
.cl_logo_box{font-size: 0}
.logoBox2{width: 10%;display: inline-block;padding: 1px;box-sizing: border-box;}
.cl_logo_box img{width: 100%;}
@media screen and (min-width: 1300px) and (max-width:1519px) {

}

@media screen and (min-width: 1080px) and (max-width:1299px) {
    .cl_p1Box{padding-left: 14%;}
    .part1_right h1{font-size: 40px;}
    .pinkBox h3{font-size: 30px;}
    .pink1Txt{font-size: 22px;}
    .p1-bottom-box .p1_wz_2{font-size: 14px;}
    .cl_part2 h2{font-size: 32px;}
    .fu-tit2 {font-size: 22px;margin-bottom: 12px;}
    .cl_p2_l_2{margin-top: 32px;}
    .cl_part2 .el-col-12 {padding: 0 15px;}
    .p2_r_box img{margin-bottom: 66px;}
    .se100 h1{font-size: 55px;}
    .se100 p{font-size: 24px;}
}

@media screen and (min-width: 860px) and (max-width:1079px) {
    .part1_right .mtpng{width: 360px;}
    .part1_right .p1-1-1{width: calc(100% - 360px);}
    .cl_p1Box{padding-left: 16%;}
    .part1_right h1{font-size: 30px;padding: 45px 0 20px 20px;}
    .pinkBox{padding-left: 20px;height: 120px;}
    .pinkBox h3{font-size: 24px;}
    .sjx{border-top-width: 60px;border-bottom-width: 60px;}
    .p1-bottom-box {padding: 30px 0 0 20px;}
    .p1_wz{padding-left: 8px;}
    .pink1Txt{font-size: 22px;}
    .p1-bottom-box .p1_wz_2{font-size: 12px;}
    .cl_part2 h2{font-size: 27px;margin-bottom: 45px;}
    .fu-tit2::before{top: -23px;}
    .big-one-txt{font-size: 50px;}
    .big-2-txt{font-size: 18px;}
    .fu-tit2 {font-size: 22px;margin-bottom: 12px;}
    .cl_p2_l_2{margin-top: 32px;}
    .cl_part2 .el-col-12 {padding: 0 15px;}
    .p2_r_box img{margin-bottom: 52px;}
    .se100 h1{font-size: 44px;}
    .se100 p{font-size: 22px;}
    .se100 h1 b{font-size: 38px;right: -24px;}
    .bor-h3-box{padding:20px 16px;}
    .bor-h3-box2{font-size: 10px;}
    .cl_part3{padding:50px 0;}
    .clp3_tit p{font-size: 16px;}
    .clp3_box{padding: 40px 15px;}
    .clp3_tit p::before,.clp3_tit p::after{width: 30px;}
    .clp3_tit h1 {font-size: 18px;}
    .clp3_box .el-col-8 {padding: 0 18px;}
    .cl_part3 .title h1, .cl_part4 .title h1{font-size: 34px;}
    .bg_en_txt{letter-spacing: 22px;}
}

@media screen and (min-width: 768px) and (max-width:859px) {
    .cl_part2 .el-col-md-12{padding: 0 10px;}
    .ov_p1 img{width: 50px;}
    .bg_en_txt{letter-spacing: 22px;}
    .part1_right .mtpng{width: 360px;}
    .part1_right .p1-1-1{width: calc(100% - 360px);}
    .cl_p1Box{padding-left: 16%;}
    .part1_right h1{font-size: 30px;padding: 45px 0 20px 20px;}
    .pinkBox{padding-left: 20px;height: 120px;}
    .pinkBox h3{font-size: 22px;}
    .sjx{border-top-width: 60px;border-bottom-width: 60px;}
    .p1-bottom-box {padding: 30px 0 0 20px;}
    .p1_wz{padding-left: 8px;}
    .pink1Txt{font-size: 22px;}
    .p1-bottom-box .p1_wz_2{font-size: 12px;}
    .cl_part2 h2{font-size: 26px;margin-bottom: 45px;}
    .fu-tit2::before{top: -23px;}
    .big-one-txt{font-size: 50px;}
    .big-2-txt{font-size: 18px;}
    .fu-tit2 {font-size: 22px;margin-bottom: 12px;}
    .cl_p2_l_2{margin-top: 32px;}
    .cl_part2 .el-col-12 {padding: 0 15px;}
    .p2_r_box img{margin-bottom: 52px;}
    .se100 h1{font-size: 40px;}
    .se100 p{font-size: 16px;}
    .se100 h1 b{font-size: 38px;right: -24px;}
    .bor-h3-box{padding:20px 16px;}
    .bor-h3-box2{font-size: 10px;}
    .cl_part3{padding:50px 0;}
    .clp3_tit p{font-size: 16px;}
    .clp3_box{padding: 40px 15px;}
    .clp3_tit p::before,.clp3_tit p::after{width: 30px;}
    .clp3_tit h1 {font-size: 18px;}
    .clp3_box .el-col-8 {padding: 0 18px;}
    .cl_part3 .title h1, .cl_part4 .title h1{font-size: 30px;}
    .cl_part4 .title h1,.cl_part3 .title{margin-bottom: 30px;}
}

@media screen and (max-width:767px){
    .cl_part1 .w1400,.cl_part3 .w1400{width: 100%;}
    .cl_part1{padding-top: 0;}
    .cl_p1Box{padding: 0}
    .mtpng{width: 100%}
    .part1_right .p1-1-1{width: 90%;margin: 0 auto;background: rgba(8,27,96,.9);display: block;position: absolute;bottom: 30px;left: 5%;}
    .part1_right{background: none;position: relative;}
    .pinkBox{background: none;height: auto;padding: 20px 0 0 20px;}
    .pink1Txt{background: #FFF;color:#081b60; font-size: 4.5vw}
    .pinkBox h3{color: #d21277;font-size: 6vw}
    .p1-bottom-box{padding: 20px}
    .ov_p1{margin-bottom: 15px;}
    .p1-bottom-box .p1_wz_2{font-size: 13px;}
    .p1_wz{padding-left: 5px;}
    .cl_part2 .el-col-md-12{padding: 0;}
    .cl_part2 h2{font-size: 28px;text-align: center;margin-bottom: 40px;font-weight: bolder}
    .cl_part2 h2:after{content: "";width: 20%;height: 5px;background: #d21277;position: absolute;bottom: -20px;left: 40%;}
    .cl_part2{padding: 30px 0;}
    .fu-tit2{font-size: 18px;font-weight: bolder;padding-left: 15px;margin-bottom: 10px;}
    .fu-tit2::before {height: 24px;width: 6px;left: 0;top: 0;}
    .cl_p2_l_2 {margin-top: 25px;}
    .bor-h3-box{width: 100px;display: inline-block;box-sizing: border-box;padding: 5px 0;vertical-align: middle;}
    .big-one-txt{font-size: 60px;}
    .bor-h3-box span{letter-spacing: 0;}
    .bor-h3-box2{width: calc(100% - 100px);display: inline-block;box-sizing: border-box;padding-left: 15px;vertical-align: middle;}
    .p2_r_box{margin-top: 30px;}
    .p2_r_box img{margin-bottom: 0}
    .fu-txt{margin-bottom: 15px;}

    .cl_part3{background: url("/bocstatic/zjw/image/about/bg.jpg");padding: 30px 0;}
    .cl_part3 .title h1, .cl_part4 .title h1{font-size: 32px;color: #FFF;}
    .clp3_box{background:#d21277;width: 85%;box-sizing: border-box;position: relative;padding: 30px 0 30px 15px;color: #FFF;font-size: 16px;}
    .cl_part3 .title p{font-size: 14px;}
    .el-icon-arrow-down{padding:  10px 0;}
    .m-two-img{display: block;border: 4px solid #FFF;border-radius: 5px;width: 55%;position: absolute;right: -50px;top: 10%;height: 80%;box-sizing: border-box}
    .cl_part4{padding: 20px 0;text-align: center}
    .cl_part4 .title h1{margin-bottom: 20px;}
    .se100 p{display: inline-block;font-size: 22px;}
    .se100 h1{font-size: 36px;}
    .se100 h1 b{font-size: 35px;position: relative;right: 0;top: -8px;}
    .logoBox2{width: 25%;padding: 2px;}
    .se100 .el-col-24{margin-bottom: 10px;}
}