.section h3{font-size:26px;margin-bottom:3px;}
.section h4{font-size:22px;}
.section .h4_1{font-weight:normal}
.section .h4_4{margin-bottom:12px;} 
.section .h4_5{margin-top:33px;margin-bottom:15px;} 
.p_zl{margin:30px 0 20px;}

.coffee-kv-txt{position:absolute;top:20%;left:0;padding:46px 104px;background:rgb(235,0,0,.9);padding-left:calc((100vw - 1040px)/ 2)}
.coffee-kv-txt .big{font-weight:700;font-size:48px;color:#fff;letter-spacing:4px;line-height:67px}
.coffee-kv-txt .mid{font-size:32px;color:#fff;letter-spacing:2px;margin-top:16px}
.coffee-sect1{margin-top:-225px;width:calc(100vw - (100vw - 1040px)/ 2);padding-right:160px;position:relative}
.coffee-sect1-con{background:#f9f9f9;border-radius:0 80px 0 0;padding:75px 80px 20px;padding-left:calc((100vw - 1040px)/ 2);position:relative;margin-bottom:55px;}
p{line-height:32px;letter-spacing:1.2px}
h4{margin-bottom:40px;line-height:32px;letter-spacing:1.8px}
.coffee-sect1-con .des-con h4{margin-bottom:35px;line-height:32px}
.coffee-sect1-con .des-con h4.h4_2{margin-bottom:15px;} 
.coffee-sect1-con .des-con h4.h4_3{margin-bottom:-10px;} 
.coffee-sect1-con .des-con p{line-height:32px}
.coffee-sect1-con .des-con .p1{margin-bottom:32px}
.coffee-sect1-con .des-con .p2{width:645px;}
.coffee-sect1-con .des-con .p3{max-width:660px}
.coffee-sect1-con .des-con ul{margin-bottom:9px;max-width:660px;padding:25px 0;}
.coffee-sect1-con .des-con ul li{font-size:16px;color:#333333;line-height:36px;font-weight:bold;padding-left:14px;position:relative;}
.coffee-sect1-con .des-con ul li:before{background:#eb0000;position:absolute;left:0;top:10px;width:4px;height:16px;content:"";}
.coffee-sect1-con .des-con ul li.title-vl{font-weight:700;color:#1d1d1d;margin-bottom:4px;position:relative}
.coffee-sect1-con .des-con ul li.title-vl::after{content:"";display:inline-block;width:4px;height:16px;background:#eb0000;position:absolute;left:-12px;top:7px}
.coffee-sect1-con .des-con .pic_2{margin-bottom:50px;}
.coffee-sect1-con .des-con img{max-width:560px;}
.pdf-dl{width:300px;height:450px;display:inline-block;position:absolute;right:-180px;top:388px;padding-top:64px;padding-left:16px}
.pdf-dl img{position:absolute;left:0;top:0;width:calc(100% - 16px);border:1px solid #494e54}
.pdf-dl span{background-color:#eb0000;display:flex;align-items:flex-end;width:100%;height:100%;font-size:16px;color:#fff;letter-spacing:1.2px;line-height:32px;padding-left:40px;padding-bottom:16px;background-image:url(../images/svg/dl.svg);background-repeat:no-repeat;background-position:right 16px bottom -9px}
.bg-grey-sect{height:260px;background-color:#f6f6f6;margin-top:100px}
.hover-tabs{margin-top:30px;}
.hv-tab-item{width:33.333%}
.hv-tab-item .content{display:none}
.hv-tab-item .head{padding:16px 16px 20px;text-align:center;border:1px solid #494e54;cursor:pointer;background-color:#fff}
.hv-tab-item.active .head{background-color:#494e54}
.hv-tab-item:not(:last-child) .head{border-right:none}
.hv-tab-item .head span{font-size:14px;color:#666;letter-spacing:1.4px;line-height:27px;width:50px;}
.hv-tab-item .head p{font-weight:700;font-size:16px;color:#1d1d1d;letter-spacing:1.2px;text-align:center;line-height:24px;margin-top:8px}
.hv-tab-item.active .head span{color:#fff}
.hv-tab-item.active .head p{color:#fff}
.hover-tab-con{font-size:16px;color:#666;letter-spacing:1.2px;line-height:32px;margin-top:30px;}
.sect-coffee-4{margin:0 -20px}
.coffee-4-con{background-color:#f6f6f6;padding:24px}
.con-4-flex{padding:24px 36px;background-color:#fff}
.col-4-1{width:25%;text-align:center}
.col-4-1 img{width:80px;display:inline-block}
.col-4-1 .b{font-weight:700;font-size:16px;color:#1d1d1d;letter-spacing:1.2px;text-align:center;line-height:32px;margin-top:16px}
.col-4-1 .r{font-size:14px;color:#666;letter-spacing:1px;text-align:center;line-height:22px;margin-top:4px}
.pdf-download-btn{display:inline-block;font-weight:700;font-size:24px;color:#fff;letter-spacing:1.8px;line-height:32px;padding:24px 16px 24px 60px;background-image:url(../images/svg/dl.svg);background-repeat:no-repeat;background-position:left -18px top -24px;background-color:#eb0000}
.b-index-l{width:560px}
.div-table-head-deep{font-weight:700;font-size:16px;color:#fff;letter-spacing:1.2px;line-height:32px;padding:4px 0;height:40px;background-color:#494e54;text-align:center}
.div-table-head-light{height:40px;border-bottom:1px solid #dee0e3}
.div-table-head-light .tb-col-h{background:#f6f6f6;font-size:14px;color:#666;letter-spacing:0;text-align:center;line-height:20px;padding:0 24px;text-align:center;display:flex;align-items:center;border-right:1px solid #dee0e3}
.div-table-head-light .tb-col-h:last-child{border-right:none}
.div-table-head-light.table2 .tb-col-h{flex-wrap:wrap;justify-content:center}
.tb-col-h{display:flex}
.tb-col-h:nth-child(1){width:80px;justify-content:center}
.tb-col-h:nth-child(2){width:168px;justify-content:flex-start}
.tb-col-h:nth-child(3){width:112px;justify-content:center}
.tb-col-h:nth-child(4){width:200px;justify-content:flex-end}
.div-table-body{height:490px;overflow-y:auto}
.table2 .tb-col-h:nth-child(1){width:40px;padding:0 4px;justify-content:center}
.table2 .tb-col-h:nth-child(2){width:120px;justify-content:flex-start}
.table2 .tb-col-h:nth-child(3){width:64px;padding:0 16px;justify-content:center}
.table2 .tb-col-h:nth-child(4){width:240px;padding:0 4px;justify-content:center}
.table2.div-table-body-tr .tb-col-h:nth-child(4){width:240px;padding:0 24px;justify-content:center}
.table2 .tb-col-h:nth-child(5){width:96px;padding:0 18px;justify-content:flex-end}
.div-table-body{height:490px;overflow-y:auto}
.div-table-body::-webkit-scrollbar{width:4px;height:4px}
.div-table-body::-webkit-scrollbar-thumb{background-color:#494e54;border-radius:0;width:2px}
.div-table-body::-webkit-scrollbar-track{background-color:#cfd2d3;border-radius:0;width:2px}
.div-table-body-tr:nth-child(2n){background-color:#f6f6f6}
.div-table-body-tr .tb-col-h{padding:0 24px;font-size:14px;color:#666;letter-spacing:0;text-align:center;line-height:22px;height:40px;display:flex;align-items:center}
.div-table-body-tr .tb-col-h:nth-child(2){padding-right:10px}
.div-table-body-tr .tb-col-h:nth-child(2),.div-table-body-tr .tb-col-h:nth-child(4){color:#1d1d1d}
.div-table-body-tr.table2 .tb-col-h:nth-child(2),.div-table-body-tr.table2 .tb-col-h:nth-child(4),.div-table-body-tr.table2 .tb-col-h:nth-child(5),.div-table-body-tr.table2 .tb-col-h:nth-child(6){color:#1d1d1d}
.table-body{display:none}
.table-body.active{display:block}
.b-index-r{margin-left:80px;position:relative}
.b-index-r::after{content:"";display:inline-block;background:#eb0000;border-radius:2px 0 0 2px;width:calc((100vw - 1040px)/ 2 + 390px);height:4px;position:absolute;bottom:0}
small{font-size:12px}
h4 small{font-weight:700}
.b-index-r ul{margin-top:40px}
.b-index-r ul li{font-size:16px;color:#1d1d1d;letter-spacing:1.2px;line-height:32px;margin-bottom:24px;padding-left:60px;position:relative;cursor:pointer}
.b-index-r ul li::after{content:"";display:inline-block;width:20px;height:20px;background-image:url(../images/svg/i123.svg);background-size:20px;background-repeat:no-repeat;background-position:center;position:absolute;left:28px;top:4px}
.b-index-r ul li.have-report::before{content:"";display:inline-block;width:6px;height:12px;background-image:url(../images/svg/ar.svg);background-size:6px 12px;background-repeat:no-repeat;background-position:center;position:absolute;left:0;top:10px}
.b-index-r ul li.have-report.active{font-weight:700}
.b-index-r ul li.have-report.active::after{content:"";display:inline-block;width:20px;height:20px;background-image:url(../images/svg/i123-hl.svg);background-size:20px;background-repeat:no-repeat;background-position:center;position:absolute;left:28px;top:4px}
.b-index-r ul li.have-report.active::before{content:"";display:inline-block;width:6px;height:12px;background-image:url(../images/svg/ar-hl.svg);background-size:6px 12px;background-repeat:no-repeat;background-position:center;position:absolute;left:0;top:10px}
.rise-sub-kv{display:none!important}
.rise-sub-single-kv{position:relative;height:100vh;background-attachment:fixed}
@media only screen and (max-width:1280px){.coffee-kv-txt{position:absolute;top:20%;left:0;padding:46px 104px;background:rgb(230,0,18,.9);padding-left:calc((100vw - 900px)/ 2)}
.coffee-sect1-con{padding-left:calc((100vw - 900px)/ 2)}
.b-index-r::after{width:calc((100vw - 900px)/ 2 + 390px)}
.b-index-r{margin-left:40px}
.coffee-sect1-con .des-con ul li{font-size:14px}
.wrap-xs{max-width:1000px}
.b-index-r::after{width:calc((100vw - 1000px)/ 2 + 390px)}
}
@media only screen and (max-width:1200px){.wrap-xs{max-width:100%;padding:0 20px 0 100px}
.section-table{overflow:hidden}
}
@media only screen and (max-width:1080px){.coffee-sect1-con{padding-left:100px}
.pdf-dl{width:243px;height:356px;padding-top:48px;right:-140px;bottom:440px；top:auto;}
.pdf-dl span{padding-left:24px;padding-bottom:8px;background-position:right 24px bottom -15px;top:auto;}
.coffee-sect1-con .des-con .p3,.coffee-sect1-con .des-con ul{max-width:500px}
.hv-tab-item .head{padding:16px 6px}
.coffee-sect1{width:calc(100% - 40px);padding-right:100px}
}
@media only screen and (max-width:980px){.coffee-kv-txt{padding-left:100px;top:15%}
.coffee-brands-indexs{flex-direction:column-reverse}
.coffee-brands-indexs{flex-direction:column-reverse}
.b-index-r{margin-left:0;margin-bottom:24px;max-width:560px}
.b-index-r ul li{font-size:14px;padding-left:28px;line-height:22px;margin-bottom:10px;padding-bottom:4px;border-bottom:2px solid #fff}
.b-index-r ul li.have-report.active{border-bottom:2px solid #eb0000}
.b-index-r ul li.have-report.active::after,.b-index-r ul li::after{left:0;top:0}
.b-index-r ul li.have-report::before{transform:rotate(-180deg);left:unset;right:4px;top:6px}
.b-index-r ul li.have-report.active::before{transform:rotate(-90deg);left:unset;right:4px;top:6px}
.b-index-r::after{display:none}
.coffee-brands-indexs{position:relative;padding-bottom:60px}
.coffee-brands-indexs::after{content:"";display:inline-block;background:#eb0000;border-radius:2px 0 0 2px;width:calc((100vw * .7) + 20px);height:4px;position:absolute;bottom:0;right:-20px}
.b-index-r ul{margin-top:16px}
}
.sp-kv-bg{display:none}

.section_3{background:linear-gradient(to bottom,#fff 0,#fff 250px,#f9f9f9 250px,#f9f9f9 100%);padding-bottom:50px;}
.hover-tab-con .pic{text-align:center;}
.hover-tab-con img{max-width:100%}

@media only screen and (max-width:768px){.wrap-xs{padding:0 20px}
.section h4{font-size:18px;}
.section_3{background:none}
.coffee-sect1-con .des-con .p2{width:auto;}
.first-sect{height:78vh}
.rise-sub-single-kv{background-image:none!important;height:78vh;background-attachment:unset}
.sp-kv-bg{display:block;position:fixed;width:100%;height:78vh;z-index:-1}
.sect-mt100{padding-top:56px;margin-top:0}
.sect-mb100{margin-bottom:0;padding-bottom:56px}
.sect-mb100,.sect-mb100-nobg{position:relative;background-color:#fff}
.sect-mb100-nobg{margin-top:32vh}
.coffee-sect1{top:-17vh;margin:-225px 0 -100px;}
.rise-sub-single-kv.bg-img{background-size:100%;background-position:top}
.coffee-kv-txt{padding:40px 20px;padding-left:60px}
.coffee-kv-txt .big{font-size:36px;color:#fff;letter-spacing:3.24px;line-height:50px}
.coffee-kv-txt .mid{font-size:24px;color:#fff;letter-spacing:1.7px;margin-top:10px}
.coffee-sect1{width:calc(100vw - 20px);padding-right:0}
.coffee-sect1-con{padding:56px 20px 70px;margin-bottom:0px;}
.coffee-sect1-con .des-con{margin-bottom:48px}
.pdf-dl{position:relative;bottom:0}
.coffee-sect1-con .des-con ul li{font-size:14px;line-height:28px;margin-bottom:8px}
.coffee-sect1-con .des-con ul li.title-vl{margin-bottom:2px}
h4{font-size:18px}
.coffee-sect1-con .des-con h4{margin-bottom:24px}
.coffee-sect1-con .des-con .p1{margin-bottom:16px;line-height:28px}
.coffee-sect1-con .des-con p{line-height:28px}
.coffee-sect1-con .des-con img{max-width:100%;margin-top:24px}
.coffee-sect1-con .des-con ul li.title-vl::after{top:5px}
.coffee-sect1-con .des-con ul{margin-bottom:16px}
.pdf-dl{width:243px;height:356px;padding-top:48px;display:block;margin:0 auto;right:0;top:auto;}
.pdf-dl span{padding-left:24px;padding-bottom:8px;background-position:right 24px bottom -15px}
.coffee-brands-indexs{flex-direction:column-reverse}
h4{margin-bottom:24px}
p{line-height:28px}
.b-index-r{margin-left:0;margin-bottom:24px}
.b-index-r ul li{font-size:14px;padding-left:28px;line-height:22px;margin-bottom:10px;padding-bottom:4px;border-bottom:2px solid #fff}
.b-index-r ul li.have-report.active{border-bottom:2px solid #eb0000}
.b-index-r ul li.have-report.active::after,.b-index-r ul li::after{left:0;top:0}
.b-index-r ul li.have-report::before{transform:rotate(-180deg);left:unset;right:4px;top:6px}
.b-index-r ul li.have-report.active::before{transform:rotate(-90deg);left:unset;right:4px;top:6px}
.b-index-r::after{display:none}
.coffee-brands-indexs{position:relative;padding-bottom:60px}
.coffee-brands-indexs::after{content:"";display:inline-block;background:#eb0000;border-radius:2px 0 0 2px;width:calc((100vw * .7) + 20px);height:4px;position:absolute;bottom:0;right:-20px}
.b-index-l{width:100%}
.b-index-r ul{margin-top:16px}
.bg-grey-sect{height:auto;background-color:transparent;margin-top:24px}
.hover-tab-con{display:none}
.hover-tabs{transform:translateX(0);flex-wrap:wrap}
.hv-tab-item{width:100%}
.hv-tab-item.active .content{display:block;background:#f6f6f6;padding:16px;font-size:14px;color:#666;letter-spacing:1.4px;line-height:28px}
.hv-tab-item:not(:last-child) .head{border-right:1px solid #494e54;border-bottom:none}
.hv-tab-item .head{padding:12px 16px;display:flex;position:relative}
.hv-tab-item .head::after{content:"";display:inline-block;width:9px;height:1px;background-color:#494e54;border-radius:1px;position:absolute;right:16px;top:23px}
.hv-tab-item .head::before{content:"";display:inline-block;width:1px;height:9px;background-color:#494e54;border-radius:1px;position:absolute;right:20px;top:19px}
.hv-tab-item.active .head::after{background-color:#fff}
.hv-tab-item .head span{font-size:12px;line-height:20px;display:inline-block}
.hv-tab-item .head p{font-size:14px;line-height:22px;margin-top:0;margin-left:16px;margin-right:16px;text-align:left;}
.hv-tab-item .head p br{display:none}
.sect-coffee-4{margin:0}
.t-center{text-align:left}
.coffee-4-con{padding:8px}
.sect-coffee-4 svg{transform:translateY(-2px)}
.con-4-flex{padding:0;flex-wrap:wrap}
.col-4-1{width:50%;padding:16px}
.col-4-1.col_last{width:100%}
.col-4-1 img{width:64px}
.col-4-1 .b{margin-top:12px;line-height:22px;font-size:24px;color:#eb0000;}
.col-4-1 .r{line-height:20px}
.div-table-body{height:320px}
.pdf-download-btn{font-size:18px}
.div-table-head-light .tb-col-h{flex-wrap:wrap}
.tb-col-h:nth-child(1){width:14.3%;padding:0}
.tb-col-h:nth-child(2){width:29.8%;padding:0 0 0 24px}
.tb-col-h:nth-child(3){width:20%;padding:0}
.tb-col-h:nth-child(4){width:35.8%}
.div-table-head-light .tb-col-h:nth-child(4){justify-content:center;padding:0}
.div-table-body-tr .tb-col-h:nth-child(2){padding-left:10px}
.div-table-body-tr .tb-col-h.tab-xl:nth-child(2){flex-direction:column;align-items:flex-start}
.div-table-head-light.table2 .tb-col-h br{display:none}
.table2 .tb-col-h:nth-child(1){width:8%;padding:0}
.table2 .tb-col-h:nth-child(2){width:20.5%;padding:0 0 0 17px}
.table2 .tb-col-h:nth-child(3){width:11.3%;padding:0}
.table2 .tb-col-h:nth-child(4){width:42.8%;padding:0 2px}
.table2.div-table-body-tr .tb-col-h:nth-child(4){width:42.8%;display:flex}
.table2 .tb-col-h:nth-child(5){width:17.3%;padding:0 5px 0 0}
.table2.div-table-body-tr .tb-col-h:nth-child(5){width:17.3%;padding:0 4px 0 0}
.div-table-head-light small{font-size:10px}
.div-table-head-light.table2 small{font-size:8px}
.div-table-body::-webkit-scrollbar{width:2px;height:2px}
.div-table-head-deep{font-size:14px}
.hv-tab-item.active .head p{text-align:left;}
}
.sp-500{display:none}
.pc-500{display:block}
@media only screen and (max-width:500px){.sect-coffee-4 svg{transform:translateY(0)}
.sp-500{display:block}
.pc-500{display:none}
.coffee-kv-txt{padding-left:20px}
.col-4-1 .r{font-size:12px}
.col-4-1{padding:16px 0}
.pdf-download-btn{background-size:145px;background-position:left -40px top -21px}
.div-table-body-tr .tb-col-h,.div-table-head-light .tb-col-h{font-size:12px;line-height:18px}
.div-table-body-tr.table2 .tb-col-h,.div-table-head-light.table2 .tb-col-h{font-size:11px;line-height:17px}
.div-table-body-tr.table2 .tb-col-h{height:34px}
}