/*@font-face {*/
/*    font-family: harmoney;*/
/*    src: url("../font/SOURCEHANSERIFCN-BOLD.OTF");*/
/*    font-weight: normal;*/
/*    font-style: normal;*/
/*}*/

.quality-part1,.quality-part5{background: url("/bocstatic/zjw/image/about/bg.jpg");padding-bottom: 50px; }
.quality-part6{background: url("/bocstatic/zjw/image/qualitys/bg4.png") no-repeat center;padding: 50px; }

.quality-part5{padding-top: 50px;}
.quality-box1{background: none;width: 100%;box-sizing: border-box}
.quality-box1 h1{font-size: 53px;font-family: harmoney;}
.quality-box1 h1 span{font-size: 53px;font-family: harmoney;}
.quality-box1 .en{color: #544329;font-size: 27px;font-family: Cambria;margin-top: 10px;display: block}
.ini-line{width: 120px;height: 8px;background: #1d1d1d;margin: 25px 0 50px;}
.qu-txt{font-size: 27px;padding-right: 260px;line-height: 45px;color: #1E1C1D;font-family: harmoney}
.top_right_box{padding-left: 50px;padding-bottom: 70px;background: #a98551;}
.qu_box_top{height: 100px;width: 100%;background: #a98551;}
.qu_sp1{position: relative;left: -27px;}
.qu_sp2{position: relative;left: -44px;}
.qu-row1 .el-col{padding: 0 20px;}
.cart_box{background: #323232;position: relative;text-align: right;padding-bottom: 37px;}
.cart_box img{width: 85%;position: relative;right: 25px;bottom: 40px;}
.bj-h3{position: absolute;left: -50px;top: -20px;font-size: 40px;color: #fff;opacity: .2;writing-mode: vertical-lr;font-family: "Microsoft Yahei";font-weight: bolder;}

.top_right_box2{padding: 38px 0 38px 50px;}
.top_right_box2 .qu_p1 img{margin-bottom: 5px;display: block;}
.top_right_box2 .qu_p2{color: #888;font-size: 24px;}
.top_right_box2 .qu_p3{color: #A98551;font-size: 24px;font-weight: bolder}
.qu2-108 .el-col-sm-4{padding: 0 5px;}

.quality-part2{padding: 70px 0 80px;background: url("/bocstatic/zjw/image/qualitys/bg1.png") no-repeat center;}
.quality-part3{padding: 140px 0 70px;background: url("/bocstatic/zjw/image/qualitys/bg3.png") no-repeat center;}
.quality-part2 .title,.quality-part3 .title,.quality-part5 .title,.qu6-bm-box .title{margin: 0 auto;text-align: center}
.quality-part2 .title h2,.quality-part3 .title h2,.quality-part5 .title h2,.qu6-bm-box .title h2{color: #111;font-size: 40px;font-family: harmoney;font-weight: normal}
.quality-part3 .title h2,.quality-part5 .title h2,.qu6-bm-box .title h2{color: #FFF;}
.quality-part2 .title h4,.quality-part3 .title h4,.quality-part5 .title h4{color: #5A5A5A;font-size: 16px;font-weight: normal;margin:6px 0 30px;}
.gold-line{width: 100px;height: 6px;background: #A98551;margin: 0 auto}
.qu-row1{width: 1150px;margin: 70px auto;}
.qu2-col-box{background: #F5F5F5;text-align: center;padding: 30px 0 40px;}
.qu2-col-box img{width: 62px;}
.qu2-col-box h3{font-size: 26px;padding: 10px 0 6px;}
.qu2-col-box p{font-size: 16px;}

.qu-box2{background: #FFF;padding: 70px;}
.qu-box2 .qu2-txt{width: 870px;margin: 30px auto 55px;font-size: 19px;color: #666;letter-spacing: 1px;line-height: 30px;}

.qu2-108 h1{color: #EC5601;font-size: 28px;}
.qu2-108 h1 b{color: #EC5601;font-size: 70px;font-family: "Microsoft Yahei", "Helvetica Neue", Helvetica, Tahoma, sans-serif;line-height: 1;}
.qu2-108 h3{color: #000;font-size: 32px;letter-spacing: 1px;margin-bottom: 20px;}
.qu2-1-box{text-align: right;padding: 113px 33px 0 0;}
.gy_pic{width: 100%;}

.qu3-in1{background: url("/bocstatic/zjw/image/qualitys/bg2.png") no-repeat;width: 90%;padding-top: 100px;padding-bottom: 70px;text-align: right;padding-right: 275px;background-size: cover;box-sizing: border-box;bottom: 70px;position: relative;}
.qu3-xbox1{background: #f2f2f2;position: relative;margin-bottom: 60px;}
.qu3-inBox{position: absolute;right: -110px;top: 260px;background: #1d1d1d;padding: 15px 70px 15px 15px;text-align: left;}
.qu3-inBox p{margin: 8px 0;}
.quality-part3 h1{color: #EC5601;font-size: 28px;}
.quality-part3 h1 b{color: #EC5601;font-size: 70px;font-family: "Microsoft Yahei", "Helvetica Neue", Helvetica, Tahoma, sans-serif;line-height: 1;}
.quality-part3 h2{font-size: 35px;}
.line-pic{vertical-align: top;position: relative;top: 20px;}
.quality-part3 ul{display: inline-block;color:#c8c8c8; vertical-align: top;padding-top: 20px;}
.quality-part3 ul li span{color:#EC5601; }
.quality-part3 ul li{margin-bottom: 20px;position: relative;}
.quality-part3 ul li:first-child{right:10px;}
.quality-part3 ul li:nth-child(2){left:10px;}
.quality-part3 ul li:nth-child(3){left:20px;}
.quality-part3 ul li:nth-child(4){left:20px;}
.quality-part3 ul li:nth-child(5){left:10px;}
.quality-part3 ul li:nth-child(6){right:10px;}
.qu3-xbox2{margin-bottom: 70px;}
.gr-pic{width: 100%;margin-bottom: 10px;}
.qu3-xbox2-1{text-align: right;padding-top: 60px;}
.gr-pic-box2{position: relative;left: 30px;}


.quality-part4{background: #f5f5f5;padding: 65px 0;}
.quality-part4 table{width: 100%;background: #f7f7f7}
.quality-part4 .table-1{margin-bottom: 30px;}
.quality-part4 .table-2{margin-bottom: 60px;}
.quality-part4 .table1 td{border: 1px solid #e95515;font-size: 18px;color: #999}
.quality-part4 .table1 .td0{background:#e95515;color: #FFF;text-align: center;width: 125px;letter-spacing: 10px;font-size: 30px;padding-left: 10px; }
.quality-part4 .table1 .td1{text-align: center;color: #333;letter-spacing: 10px;padding: 10px 0 10px 10px;}
.quality-part4 .table1 .td2{padding-left: 30px;}
.quality-part4 td span{color: #333}
.qu4-tit{font-size: 30px;color: #111;font-weight: bolder}
.qu4-tit span{font-size: 60px;color: #e95515;font-weight: bolder;font-family: "Microsoft Yahei"}
.table-txt{padding: 25px 0 0 80px;}
.table2{text-align: center;font-size: 18px;border: 1px solid #e95515;}
.table2 .td0{color: #fff;background: #e95515;border: 1px solid #e95515;font-size: 20px;}
.table2 .td1{color: #333;border: 1px solid #e95515;}
.table2 .td1 i{color: #e95515;}
.quality-part4-box{padding: 0 150px;position: relative}
.quality-part5-box{padding: 50px 150px 0;position: relative}
.td0-0{padding-top: 20px; padding-bottom: 20px;}
.td0-1{padding-top:10px; padding-bottom: 10px;}
.table2 .td-first-child{letter-spacing: 20px;padding-left: 20px;padding-top: 10px;padding-bottom: 10px;}

.zj_tips{font-size: 16px;color: #1d1d1d;margin-top: 30px;line-height: 26px;position: relative;padding-left: 15px;}
.zj_tips span{color: #e95515;}
.tips_bgBox{border: 1px solid #e95515;position: absolute;top: -10px;left: 0;width: 40px;height: 46px;z-index: 1}
.tips_txt{background: #f5f5f5;position: relative;z-index: 10;padding: 10px 0 0 15px;}


.swiper-txt-box{background: #a98551;color: #fff;font-size: 18px;height: 462px;display: flex;padding: 30px;align-items: center; /* 垂直居中 */line-height: 32px;box-sizing: border-box}
.quality-part5-box .el-col-sm-6{padding-right: 10px;}
.swiper-quality{width: 100%;padding-bottom: 30px;}
.swiper-quality img{width: 100%}
.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{text-align: right}
.swiper-pagination-bullet{background: #FFF;opacity: .5;}
.swiper-pagination-bullet-active{background:#a98551;width: 40px;border-radius: 5px;opacity: 1;}

.swiper-button-next, .swiper-button-prev{color: #fff;}
.swiper-button-next{right: 110px;}
.swiper-button-prev{left: 110px;}

.qu6-bm-box{width: 1180px;margin: 0 auto;background: #1d1d1d;padding: 50px 150px 80px;box-sizing: border-box}
.qu6-bm-box .title .cn{font-size: 30px;color: #989898;font-weight: normal;margin: 10px 0 50px;}


.quality-part6 .el-input,.quality-part6 input,.quality-part6 .el-button{height: 70px;font-size: 20px;}

@media screen and (min-width: 1300px) and (max-width:1519px) {
    .quality-box1 h1,.quality-box1 h1 span{font-size: 48px;}
    .qu-txt{font-size: 25px;padding-right: 140px;}
    .top_right_box{padding-bottom: 50px;}
    .swiper-txt-box{height: 378px;}
    .quality-part4-box{padding: 0 20px;}
}

@media screen and (min-width: 1080px) and (max-width:1299px) {
    .quality-box1 h1,.quality-box1 h1 span{font-size: 38px;}
    .qu-txt{font-size: 18px;padding-right: 140px;}
    .quality-box1 .en{font-size: 22px;}
    .ini-line{margin: 15px 0 20px;}
    .top_right_box{padding-bottom: 30px;}
    .top_right_box2{padding-top: 28px;}
    .bj-h3{font-size: 35px;}
    .qu-row1{width: 960px;}
    .qu-box2{padding: 40px;}
    .qu2-108 h1 b,.quality-part3 h1 b{font-size: 60px;}
    .qu2-1-box{padding: 113px 0 0 0;}
    .swiper-txt-box{height: 294px;font-size: 15px;padding: 20px;}
    .line-pic{position: absolute;left: -10%;width: 15%}
    .quality-part3 h2{font-size: 30px;}
    .quality-part3 ul li{margin-bottom: 15px;}
    .quality-part4-box{padding: 0 20px;}
    .qu6-bm-box{width: 90%}
}



@media screen and (min-width: 860px) and (max-width:1079px) {
    .quality-box1 h1,.quality-box1 h1 span{font-size: 30px;}
    .qu-txt{font-size: 16px;padding-right: 50px;line-height: 30px;}
    .quality-box1 .en{font-size: 16px;}
    .ini-line{margin: 15px 0 15px;height: 4px;width: 100px;}
    .top_right_box{padding-bottom: 30px;}
    .top_right_box2{padding-top: 20px;}
    .bj-h3{font-size: 30px;}
    .top_right_box2 .qu_p1 img{margin-bottom: 5px;display: block;}
    .top_right_box2 .qu_p2{font-size: 20px;}
    .top_right_box2 .qu_p3{font-size: 20px;}
}
/*<=959px and >=768px的设备：PC端;*/
@media screen and (min-width: 768px) and (max-width:859px) {
    .quality-box1 h1,.quality-box1 h1 span{font-size: 28px;}
    .qu-txt{font-size: 16px;padding-right: 50px;line-height: 30px;}
    .quality-box1 .en{font-size: 16px;}
    .ini-line{margin: 15px 0 15px;height: 4px;width: 100px;}
    .top_right_box{padding-bottom: 30px;}
    .top_right_box2{padding-top: 20px;}
    .bj-h3{display: none;}
    .top_right_box2 .qu_p1{font-size: 16px;}
    .top_right_box2 .qu_p2{font-size: 20px;}
    .top_right_box2 .qu_p3{font-size: 20px;}
}

@media screen and (max-width:767px){
    #appBox{overflow: hidden}
    .quality-box1{padding-bottom: 50px;}
    .quality-box1 h1,.quality-box1 h1 span{font-size: 6.7vw;}
    .qu_sp1{left: -15px;}
    .qu_sp2{left: -20px;}
    .qu_box_top{padding: 20px 0;height: unset}
    .cart_box img{width: 100%;right: 0;bottom: 0;position: relative;z-index: 2}
    .qu2-col-box{padding: 20px 0 30px;}
    .qu2-col-box h3{font-size: 22px;}
    .qu2-col-box p{font-size: 14px;}
    .qu-txt{font-size: 3.3vw;padding-right: 0;line-height: 5.2vw;}
    .top_right_box{padding: 15px 0 15px 15px;}
    .top_right_box2{padding-top: 35px;background: url("/bocstatic/zjw/image/about/bg.jpg");position: absolute;width: 108%;left: -5%;bottom: -125px;z-index: 1;padding-left: 26%;box-sizing: border-box;}
    .bj-h3{display: none;}
    .top_right_box2 .qu_p1 img{margin-bottom: 5px;display: block;width: 30%}
    .top_right_box2 .qu_p2{font-size: 4vw}
    .top_right_box2 .qu_p3{font-size: 4vw;}
    .cart_box{background:#a98551;padding-bottom: 0; }
    .quality-part1{background:#a98551;padding-bottom: 75px; }

    .qu2-108 .el-col-xs-1{width: 20%;padding: 0 1px;}
    .quality-part3{padding: 30px 0;}
    .quality-part2 .title h2, .quality-part3 .title h2, .quality-part5 .title h2, .qu6-bm-box .title h2{font-size: 5.3vw;}
    .quality-part2 .title h4, .quality-part3 .title h4, .quality-part5 .title h4{font-size: 2.7vw;margin-bottom: 20px;}
    .quality-part2{padding:30px 0;background-size: cover;}
    .quality-part4{padding: 30px 0 0;}
    .quality-part5{padding: 30px 0 20px;}
    .qu-row1{width: 100%;margin: 20px auto;}
    .qu-row1 .el-col{padding: 2.5%;}
    .qu-box2{padding:30px 2.5%;}
    .qu-box2 .qu2-txt{width: 100%;font-size: 15px;letter-spacing: 0;line-height: 25px;margin: 20px 0;}
    .qu2-1-box{padding: 0;text-align: center;}
    .qu2-1-box h1{display: inline-block;}
    .qu2-1-box h3{display: inline-block;}
    .qu2-108 h1 b{font-size: 35px;}
    .qu2-108 h1,.qu2-108 h3{font-size: 24px;}
    .swiper-cert img{width: 100%;}
    .m-qu3-box{position: relative;padding: 20px 10px;}
    .swiper-cert{width: 100%}
    .swiper-cert .m-cret-txtBox{color: #FFF;font-size:  3.2vw;display: inline-block;line-height: 30px;padding-left: 15px;box-sizing: border-box;padding-top: 15px;}
    .swiper-cert .m-cret-txtBox .m-cret-tit1{font-size: 3.5vw;font-weight: bolder;line-height: 1.2;}
    .qu3-inBox{right: 0;top: 0;width: 100%;padding: 10px;z-index: 10;background: none;border: 1px solid #FFF;box-sizing: border-box;position: relative}
    .qu3-inBox img{width: 40%}
    .qu3-inBox .f20{font-size: 3.3vw}
    .quality-part3 h1{font-size: 22px;}
    .quality-part3 h1 b{font-size: 36px;}
    .quality-part3 h2{font-size: 4vw;}
    .m-page{font-size: 4.5vw;color: #FFF;position: absolute;bottom: 0;right: 2.5%;}

    .qu3-xbox2{margin-bottom: 20px;}

    .qu3-xbox2-1{padding-top: 16vw;}
    ul .f16{font-size: 3vw}
    .line-pic{position: absolute;left: -10%;width: 15%}
    .quality-part3 ul li{margin-bottom: 5%}
    .gr-pic-box2{left: 0}
    .quality-part4-box{padding: 0}
    .table-txt{padding: 0;text-align: center;margin-bottom: 20px;}
    .table-txt2{padding: 0;text-align: center;margin-bottom: 20px;}
    .qu4-tit{display: inline;}
    .qu4-tit span,.qu4-tit{font-size: 5vw}
    .quality-part4 .table1 .td0{width: 15%;font-size: 20px;}
    .quality-part4 .table1 td{font-size: 12px;background: #FFF;}
    .quality-part4 .table1 .td2{padding-left: 10px;}
    .table2{font-size: 12px;}
    .table2 .td0{font-size: 12px;padding: 0;}
    .table2 .td-first-child{letter-spacing: 0;padding-left: 0;}
    .zj_tips{background: #FFF;padding: 10px;}
    .tips_txt{background: #FFF;border: 1px solid #e95515;padding: 15px;font-size: 12px;}

    .quality-part5-box{padding: 20px 0;}
    .quality-part5-box .el-col-sm-6{padding-right: 0;}
    .swiper-txt-box{height: auto;background: none;font-size: 14px;line-height: 24px;padding: 20px;}
    .swiper-quality{padding-bottom: 20vw;}
    .quality-part5-box .sw-aa{position: absolute;top: 50vw;}
    .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 22vw;}
    .quality-part6{padding: 20px}
    .qu6-bm-box{width: 100%;padding: 20px;}
    .quality-part6 .el-input, .quality-part6 input, .quality-part6 .el-button{height: 50px;font-size: 16px;}
    .qu6-bm-box .title .cn{font-size: 4vw;margin: 10px 0 20px;}

    .quality-part6 .hidden-sm-and-up{text-align: center}
    .quality-part6 .hidden-sm-and-up h2{color: #a98551;font-family: harmoney;font-size: 5.3vw;font-weight: normal;}
    .quality-part6 .hidden-sm-and-up h4{color: #979797;font-family: harmoney;font-size: 4vw;font-weight: normal;margin-bottom: 20px;}
}