/* Page Flash */
.flash { position: relative;}
.flash img { width: 100%;}
.focus { position: absolute; left: 0; bottom: 80px;}

.proview { position: relative;}
.proview img { width: 100%;}
.proview h1 { position: absolute; left: 0; top: 0; width: 100%; height: 100%; font-family:-apple-system,BlinkMacSystemFont,'Gotham Bold',"OPPOSans-Bold",HarmonyOS Sans SC,PingFang SC,Helvetica Neue,Helvetica,Arial,Microsoft YaHei,Source Han Sans SC,Noto Sans CJK SC,WenQuanYi Micro Hei,sans-serif; font-size: 60px; font-weight: normal; color: #fff; text-align: center; padding: 0 7.5%; display: flex; justify-content: center; flex-direction: column;}

@media screen and ( max-width: 1440px ) {
    .proview h1 { font-size: 48px;}
}
@media screen and ( max-width: 1024px ) {
    .focus { bottom: 50px;}
    .proview h1 { font-size: 36px;}
}
@media screen and ( max-width: 640px ) {
    .proview { background: url(../Images/proview.jpg) no-repeat center; background-size: cover; min-height: 150px;}
    .proview img { display: none;}
    .proview h1 { font-size: 30px;}
}
@media screen and ( max-width: 480px ) {
    .proview { min-height: 120px;}
}


/* Page Contact */
.lx-lb { background-color: #f5f5f5; padding: 5.5% 0;}
.lx-ls ul { flex-wrap: wrap;}
.lx-ls ul li { display: block; color: #333; background-color: #fff; width: 30%; height: 300px; cursor: pointer; position: relative;}
.lx-ls ul li:nth-child(1), .lx-ls ul li:nth-child(2) { width: 47.5%;}
.lx-ls ul li:nth-child(n+3) { margin-top: 5%;}
.lx-ls ul li div { position: absolute; right: 30px; top: 30px;}
.lx-ls ul li img { width: 40px;}
.lx-ls ul li dl { position: absolute; left: 0; bottom: 0; padding: 0 35px 31px;}
.lx-ls ul li dl h3 { font-family: 'OPPOSans-Bold'; font-size: 30px; font-weight: normal;}
.lx-ls ul li dl h3:nth-child(3) { margin-top: 35px;}
.lx-ls ul li dl p { font-size: 24px; color: #666; margin-top: 15px;}
.lx-ls ul li dl p:nth-child(3) { margin-top: 5px;}
.lx-ls ul li dl p span { font-family: 'Gotham Book'; text-transform: uppercase;}

@media screen and ( max-width: 1280px ) {
    .lx-ls ul li { width: 48%;}
    .lx-ls ul li:nth-child(1) { width: 100%;}
    .lx-ls ul li:nth-child(2) { width: 48%;}
    .lx-ls ul li:nth-child(n+2) { margin-top: 4%;}
}
@media screen and ( max-width: 800px ) {
    .lx-ls ul li { height: 250px;}
    .lx-ls ul li div { right: 20px; top: 20px;}
    .lx-ls ul li img { width: 30px;}
    .lx-ls ul li dl { padding: 0 25px 21px;}
    .lx-ls ul li dl h3 { font-size: 22px;}
    .lx-ls ul li dl p { font-size: 18px; margin-top: 9px;}
}
@media screen and ( max-width: 640px ) {
    .lx-ls ul li { width: 100%; height: 150px;}
    .lx-ls ul li:nth-child(5) { height: 225px;}
    .lx-ls ul li div { right: 15px; top: 15px;}
    .lx-ls ul li dl { padding: 0 20px 16px;}
    .lx-ls ul li:nth-child(2) { width: 100%;}
    .lx-ls ul li:nth-child(n+2) { margin-top: 25px;}
}


/* Page Maps */
#container { overflow: hidden; width: 100%; height: 800px; margin: 0;}
.BMap_stdMpPan, .BMap_stdMpZoom .BMap_button, .BMap_stdMpSliderBgTop, .BMap_stdMpSliderBar, .BMap_stdMpSliderBgBot, .anchorBL{ width: 0 !important; height: 0 !important;}
.anchorBL img { width: 0 !important;}

@media screen and ( max-width: 1920px ) {
    #container { height: 650px;}
}
@media screen and ( max-width: 1200px ) {
    #container { height: 600px;}
}
@media screen and ( max-width: 800px ) {
    #container { height: 500px;}
}
@media screen and ( max-width: 480px ) {
    #container { height: 375px;}
}


/* Page News */
.xw-bg { background-color: #f5f5f5;}
.fl-ls { justify-content: center; flex-wrap: wrap; padding: calc(6.25% - 5px) 0;}
.fl-ls a { display: block; font-size: 18px; color: #333; line-height: 50px; padding: 0 20px; margin: 5px; background-color: #fff; -webkit-transition:all .3s ease; transition:all .3s ease;}
.fl-ls a:hover, .fl-ls a.fl { color:#fff; background-color: #258000; border-color: #258000;}
.nr-bg { padding-bottom: 7.8%;}
.xw-ls a { padding-bottom: 50px; border-bottom: 1px solid #e9e9e9;}
.xw-ls a:nth-child(n+2) { margin-top: 50px;}
.xw-ls a:last-child { border-bottom: none;}
.xw-ls a .xw-sj { width: 100px;}
.xw-ls a .xw-sj h4 { font-family: 'Gotham Bold'; font-size: 30px; font-weight: normal; color: #258000; margin: 3px 0 1px;}
.xw-ls a .xw-sj h5 { font-family: 'Gotham Book'; font-size: 16px; font-weight: normal; color: #666;}
.xw-ls a .xw-ig { width: 28.875%; margin: 0 5.125%; overflow: hidden;}
.xw-ls a .xw-ig img { width: 100%; -webkit-transition: all .75s ease; transition: all .75s ease;}
.xw-ls a:hover .xw-ig img { transform: scale(1.2,1.2); -webkit-transform: scale(1.2,1.2);}
.xw-ls a .xw-tx { width: calc(60.875% - 100px); position: relative;}
.xw-ls a .xw-tx h3 { font-size: 24px; font-weight: normal; color: #333; margin: 2px 0 13px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; -webkit-transition: all .3s ease; transition: all .3s ease;}
.xw-ls a:hover .xw-tx h3 { color: #258000;}
.xw-ls a .xw-tx h6 { font-family: 'Gotham Book'; font-size: 14px; font-weight: normal; color: #a0a0a0; margin-bottom: 12px; display: none;}
.xw-ls a .xw-tx p { font-size: 16px; color: #666; line-height: 30px; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.xw-ls a .xw-tx dl { position: absolute; left: 0; bottom: 10px; width: 110px; height: 42px; line-height: 30px; background-color: #fff; padding: 6px; border-radius: 25px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.xw-ls a:hover .xw-tx dl { background-color: #258000;}
.xw-ls a .xw-tx dl font { display: block; width: calc(100% - 30px); font-size: 14px; color: #333; text-align: center; -webkit-transition: all .3s ease; transition: all .3s ease;}
.xw-ls a:hover .xw-tx dl font { color: #fff;}
.xw-ls a .xw-tx dl span { display: block; width: 30px; height: 30px; background-color: #258000; background-image: url(../Images/jt02-02.png); background-repeat: no-repeat; background-position: center; background-size: 6px 10px; border-radius: 50%;}

.xw-nm { width: calc(100% - 400px); padding: 6.15% 0 4.5%;}
.xw-nm h1 { font-family: 'OPPOSans-Bold'; font-size: 36px; font-weight: normal; color: #258000;}
.xw-nm dl { font-family: 'Gotham Book'; font-size: 16px; color: #666; text-transform: uppercase; margin-top: 17px;}
.xw-nm dl span { margin: 0 10px;}
.xw-xx { padding-bottom: 7.8%;}
.xw-xx .xw-zb { width: calc(100% - 400px);}
.xw-xx .xw-zb .xw-bj { background-color: #fff; padding: 40px;}
.xw-xx .xw-zb .xw-bj .xw-js { font-size: 16px; color: #666; line-height: 32px;}
.xw-xx .xw-zb .xw-bj .xw-js img { width: auto !important; max-width: 100%; height: auto !important;}
.xw-xx .xw-zb .xw-bj .xw-js strong {  font-family: 'OPPOSans-Bold'; font-weight: normal; color: #333;}
.xw-xx .xw-zb .xw-xy { margin-top: 43px;}
.xw-xx .xw-zb .xw-xy a { display: block; font-size: 18px; color: #999; line-height: 30px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; -webkit-transition: all .3s ease; transition: all .3s ease;}
.xw-xx .xw-zb .xw-xy a:hover { color: #258000;}
.xw-xx .xw-yb { width: 325px;}
.xw-xx .xw-yb .xw-lb a { display: block;}
.xw-xx .xw-yb .xw-lb a:nth-child(n+2) { margin-top: 30px;}
.xw-xx .xw-yb .xw-lb a div { overflow: hidden;}
.xw-xx .xw-yb .xw-lb a div img { width: 100%; -webkit-transition: all .75s ease; transition: all .75s ease;}
.xw-xx .xw-yb .xw-lb a:hover div img { transform: scale(1.2,1.2); -webkit-transform: scale(1.2,1.2);}
.xw-xx .xw-yb .xw-lb a dl { background-color: #fff; padding: 27px 30px 30px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.xw-xx .xw-yb .xw-lb a dl h4 { font-family: 'Gotham Book'; font-size: 16px; font-weight: normal; color: #999; -webkit-transition: all .3s ease; transition: all .3s ease;}
.xw-xx .xw-yb .xw-lb a dl h3 { font-family: 'OPPOSans-Bold'; font-size: 20px; font-weight: normal; color: #666; line-height: 30px; margin-top: 17px; -webkit-transition: all .3s ease; transition: all .3s ease;}
.xw-xx .xw-yb .xw-lb a:hover dl { background-color: #258000;}
.xw-xx .xw-yb .xw-lb a:hover dl h3, .xw-xx .xw-yb .xw-lb a:hover dl h4 { color: #fff;}

@media screen and (max-width: 1440px) {
    .xw-nm { width: calc(100% - 350px);}
    .xw-nm h1 { font-size: 30px;}
    .xw-nm dl { font-size: 14px; margin-top: 16px;}
    .xw-xx .xw-zb { width: calc(100% - 350px);}
    .xw-xx .xw-zb .xw-bj { padding: 30px;}
    .xw-xx .xw-zb .xw-bj .xw-js { font-size: 15px; line-height: 30px;}
    .xw-xx .xw-zb .xw-xy { margin-top: 32px;}
    .xw-xx .xw-zb .xw-xy a { font-size: 16px;}
    .xw-xx .xw-yb { width: 300px;}
    .xw-xx .xw-yb .xw-lb a dl { padding: 22px 25px 25px;}
    .xw-xx .xw-yb .xw-lb a dl h4 { font-size: 15px;}
    .xw-xx .xw-yb .xw-lb a dl h3 { font-size: 18px; line-height: 28px; margin-top: 17px;}
}
@media screen and (max-width: 1024px) {
    .fl-ls a { font-size: 16px; line-height: 42px; padding: 0 15px;}
    .xw-ls a .xw-sj { width: 80px;}
    .xw-ls a .xw-sj h4 { font-size: 24px; margin: 4px 0 2px;}
    .xw-ls a .xw-sj h5 { font-size: 14px;}
    .xw-ls a .xw-tx { width: calc(60.875% - 80px);}
    .xw-ls a .xw-tx h3 { font-size: 20px; margin: 4px 0 10px;}
    .xw-ls a .xw-tx p { font-size: 14px; line-height: 24px;}
    .xw-ls a .xw-tx dl { width: 74px; height: 28px; line-height: 20px; padding: 4px;}
    .xw-ls a .xw-tx dl font { width: calc(100% - 20px); font-size: 12px;}
    .xw-ls a .xw-tx dl span { width: 20px; height: 20px; background-size: 4px 8px;}
    
    .xw-nm { width: 100%;}
    .xw-nm h1 { font-size: 24px; line-height: 30px;}
    .xw-nm dl { margin-top: 8px;}
    .xw-xx { flex-wrap: wrap;}
    .xw-xx .xw-zb { width: 100%;}
    .xw-xx .xw-zb .xw-bj { padding: 20px;}
    .xw-xx .xw-zb .xw-bj .xw-js { font-size: 14px; line-height: 28px;}
    .xw-xx .xw-zb .xw-xy { margin-top: 21px;}
    .xw-xx .xw-zb .xw-xy a { font-size: 14px;}
    .xw-xx .xw-yb { display: none;}
}
@media screen and (max-width: 800px) {
    .xw-ls a { padding-bottom: 40px;}
    .xw-ls a:nth-child(n+2) { margin-top: 40px;}
    .xw-ls a .xw-tx dl { position: relative; bottom: 0; margin-top: 20px;}
}
@media screen and (max-width: 640px) {
    .fl-ls a { font-size: 14px; line-height: 36px; padding: 0 12px;}
    .xw-ls a { flex-wrap: wrap; padding-bottom: 25px; border-bottom: none;}
    .xw-ls a:nth-child(n+2) { margin-top: 25px;}
    .xw-ls a .xw-sj { display: none}
    .xw-ls a .xw-ig { width: 100%; margin: 0;}
    .xw-ls a .xw-tx { width: 100%; margin-top: 10px;}
    .xw-ls a .xw-tx h3 { margin: 4px 0 8px;}
    .xw-ls a .xw-tx h6 { display: block;}
}
@media screen and (max-width: 480px) {
    .fl-ls { padding: 25px 0;}
    .fl-ls a { line-height: 30px; padding: 0 10px;}
    .xw-xx .xw-zb .xw-xy { flex-wrap: wrap; margin-top: 16px;}
}


/* Page Page */
.flip { display: table; margin: 4.7% auto 0; clear: both;}
.flip a { display: block; float: left; padding: 0 12px; margin: 0 2px; color: #666; line-height: 28px; background-color: #fff; cursor: pointer; -webkit-transition: all .3s ease; transition: all .3s ease;}
.flip a:hover { color: #fff; background-color: #258000;}
.flip a.pgNt { color: #258000;}
.flip a.pgNt:hover { color: #fff;}
.flip a.pgCn { padding: 0 8px;}
.flip a.pgJt { font-family: "SimSun", "NSimSun", "FangSong"; color: #a0a0a0;}
.flip a.pgJt:hover { color: #fff;}
.flip02 a { background:#fff;}
.flip02 a:hover { background-color: #258000;}

@media screen and ( max-width: 480px ) {
    .flip { margin-top: 28px;}
    .flip a { line-height: 24px; padding: 0 10px; margin: 2px;}
    .flip a.pgCn { padding: 0 5px;}
}


/* Page Process */
.solution img:nth-child(2) { display: none;}
.lc-bg { background-color: #258000; padding: 25px 50px; position: relative;}
.lc-bg ul li { margin: 25px 0; color: #fff; text-align: center;}
.lc-bg ul li img { height: 60px;}
.lc-bg ul li h3 { font-size: 16px; font-weight: normal; margin: 20px 0 4px;}
.lc-bg ul li h3 span { font-family: 'Gotham Book';}
.lc-bg ul li h4 { font-family: 'Gotham Book'; font-size: 12px; font-weight: normal;}

@media screen and (max-width: 1680px) {
    .lc-bg ul { flex-wrap: wrap;}
    .lc-bg ul li { width: 14%;}
}
@media screen and (max-width: 1650px) {
    .lc-bg { padding: 25px 3.5%;}
}
@media screen and (max-width: 1024px) {
    .lc-bg { padding: 25px 15px;}
    .lc-bg ul li { margin: 15px 0;}
    .lc-bg ul li img { height: 40px;}
    .lc-bg ul li h3 { font-size: 14px; margin: 12px 0 3px;}
    .lc-bg ul li h4 { font-size: 10px;}
}
@media screen and (max-width: 800px) {
    .solution img:nth-child(1) { display: none;}
    .solution img:nth-child(2) { display: block;}
}

@media screen and (max-width: 640px) {
    .lc-bg ul li { width: 20%;}
    .lc-bg ul li:nth-child(n+6) { width: 25%;}
}

@media screen and (max-width: 480px) {
    .lc-bg { padding: 15px;}
    .lc-bg ul li { width: 28%;}
    .lc-bg ul li:nth-child(n+6) { width: 28%;}
    .lc-bg ul li:nth-child(-n+4) { width: 25%;}
    .lc-bg ul li img { height: 30px;}
}


/* Page Support */
.zc-bg { background-color: #fff; padding: 125px 0; position: relative;}
.zc-bg .main { align-items: center;}
.zc-bg .zc-zb { width: 46.875%;}
.zc-bg .zc-zb img { width: 100%;}

.headline { width: 75%; color: #000; padding: 93px 0;}
.headline h3 { font-size: 24px; font-weight: normal; margin-bottom: 9px;}
.headline p { font-size: 36px;}
.zc-bg .headline { padding: 0;}

.zc-bg .zc-yb { width: 46.875%;}
.zc-bg .zc-yb ul { flex-wrap: wrap; margin-top: 93px;}
.zc-bg .zc-yb ul li { width: 48%; justify-content: flex-start; align-items: center;}
.zc-bg .zc-yb ul li:nth-child(n+3) { margin-top: 50px;}
.zc-bg .zc-yb ul li dl { width: 50px;}
.zc-bg .zc-yb ul li dl img { width: 100%;}
.zc-bg .zc-yb ul li p { width: calc(100% - 50px); font-size: 20px; color: #666; padding-left: 25px;}

@media screen and (max-width: 1920px) {
    .zc-bg { padding: 6.5vw 0;}
    .headline { padding: 4.8vw 0;}
}
@media screen and (max-width: 1440px) {
    .headline h3 { font-size: 20px; margin-bottom: 6px;}
    .headline p { font-size: 30px;}
    
    .zc-bg .zc-yb ul { margin-top: 53px;}
    .zc-bg .zc-yb ul li:nth-child(n+3) { margin-top: 30px;}
    .zc-bg .zc-yb ul li dl { width: 42px;}
    .zc-bg .zc-yb ul li p { width: calc(100% - 42px); font-size: 18px; padding-left: 20px;}  
}
@media screen and (max-width: 1024px) {
    .zc-bg .main { flex-wrap: wrap;}
    .zc-bg .zc-zb { width: 100%;}
    
    .headline { width: 100%;}
    .headline h3 { font-size: 18px; margin-bottom: 7px;}
    .headline p { font-size: 27px;}
    
    .zc-bg .zc-yb { width: 100%; margin-top: 29px;}
    .zc-bg .zc-yb ul { margin-top: 35px;}
    .zc-bg .zc-yb ul li:nth-child(n+3) { margin-top: 25px;}
    .zc-bg .zc-yb ul li dl { width: 36px;}
    .zc-bg .zc-yb ul li p { width: calc(100% - 36px); font-size: 16px; padding-left: 15px;}
}
@media screen and (max-width: 640px) {
    .headline h3 { margin-bottom: 8px;}
    .headline p { font-size: 24px;}
    
    .zc-bg .zc-yb ul { margin-top: 31px;}
    .zc-bg .zc-yb ul li dl { width: 30px;}
    .zc-bg .zc-yb ul li p { width: calc(100% - 30px); font-size: 14px;}
}
@media screen and (max-width: 480px) {
    .zc-bg { padding-bottom: 7.8vw;}
    .headline { padding: 29px 0 31px;}
}


/* Page Application */
.yy-bg { background-color: #f5f5f5; padding-bottom: 146px; position: relative;}
.yy-bg .headline { width: 80%;}
.yy-bg ul { flex-wrap: wrap;}
.yy-bg ul li { width: 32%;}
.yy-bg ul li:nth-child(n+4) { margin-top: 3%;}
.yy-bg ul li img { width: 100%;}
.yy-bg ul li h2 { font-size: 24px; font-weight: normal; color: #333; margin: 17px 0 5px;}
.yy-bg ul li p { font-size: 18px; color: #666;}

@media screen and (max-width: 1920px) {
    .yy-bg { padding-bottom: 7.6vw;}
}
@media screen and (max-width: 1440px) {
    .yy-bg ul li h2 { font-size: 20px; margin: 18px 0 6px;}
    .yy-bg ul li p { font-size: 16px;}
}
@media screen and (max-width: 1024px) {
    .yy-bg .headline { width: 100%;}
    .yy-bg ul li h2 { font-size: 18px; margin: 14px 0 3px;}
    .yy-bg ul li p { font-size: 14px;}
}
@media screen and (max-width: 800px) {
    .yy-bg ul li { width: 48.5%;}
    .yy-bg ul li:nth-child(n+3) { margin-top: 5%;}
}
@media screen and (max-width: 480px) {
    .yy-bg ul li { width: 100%;}
    .yy-bg ul li:nth-child(n+2) { margin-top: 30px;}
    
}


/* Page Partner */
.hb-bg { background: url(../Images/hbBg.jpg) no-repeat center; background-size: cover; padding-bottom: 150px;}
.hb-bg .headline { width: 80%; color: #fff;}
.hb-bg ul { flex-wrap: wrap;}
.hb-bg ul li { width: 16%;}
.hb-bg ul li:nth-child(n+7) { margin-top: 0.8%;}
.hb-bg ul li img { width: 100%;}

@media screen and (max-width: 1920px) {
    .hb-bg { padding-bottom: 7.8vw;}
}
@media screen and (max-width: 1024px) {
    .hb-bg .headline { width: 100%;}
}
@media screen and (max-width: 800px) {
    .hb-bg ul li { width: 23.5%;}
	.hb-bg ul li:nth-child(n+5) { margin-top: 2%;}
}
@media screen and (max-width: 480px) {
    .hb-bg ul li { width: 32%;}
	.hb-bg ul li:nth-child(n+4) { margin-top: 2%;}
}


/* Page Company */
.gs-bg { background-color: #fff; padding: 115px 0 150px; position: relative;}
.gs-bg .gs-tx p { font-size: 18px; color: #333; line-height: 36px;}
.gs-bg .gs-tx p:nth-child(n+2) { margin-top: 25px;}
.gs-bg .gs-ig { margin-top: 67px;}
.gs-bg .gs-ig li { width: 48.5%;}
.gs-bg .gs-ig li img { width: 100%;}

@media screen and (max-width: 1920px) {
    .gs-bg { padding: 6vw 0 7.8vw;}
}
@media screen and (max-width: 1024px) {
    .gs-bg .gs-tx p { font-size: 16px; line-height: 32px;}
    .gs-bg .gs-tx p:nth-child(n+2) { margin-top: 20px;}
    .gs-bg .gs-ig { margin-top: 43px;}
}
@media screen and (max-width: 640px) {
    .gs-bg .gs-tx p { font-size: 14px; line-height: 28px;}
    .gs-bg .gs-ig { flex-wrap: wrap;}
    .gs-bg .gs-ig li { width: 100%;}
    .gs-bg .gs-ig li:nth-child(n+2) { margin-top: 25px;}
}


/* Page Culture */
.wh-bg { background-color: #f5f5f5; padding: 125px 0; position: relative;}
.wh-bg .main { align-items: center;}
.wh-bg .headline { padding: 0;}
.wh-bg .wh-zb { width: 31.25%; position: relative;}
.wh-bg .wh-zb img { width: 100%;}
.wh-bg .wh-zb dl { position: absolute; right: 0; bottom: 0; background-color: rgba(37, 128, 0, .75); font-size: 18px; color: #fff; padding: 5px 10px;}

.wh-bg .wh-yb { width: 58.75%;}
.wh-bg .wh-yb .wh-tx { margin-top: 18px;}
.wh-bg .wh-yb .wh-tx p { font-size: 30px; color: #333; margin-top: 9px;}
.wh-bg .wh-yb .wh-tx ul { margin-top: 49px;}
.wh-bg .wh-yb .wh-tx ul li { margin-top: 25px;}
.wh-bg .wh-yb .wh-tx ul li h3 { font-size: 24px; font-weight: normal; color: #fff; width: 140px; line-height: 50px; text-align: center; background-color: #258000; border-radius: 35px; display: flex; justify-content: center; flex-direction: column;}
.wh-bg .wh-yb .wh-tx ul li h4 { font-size: 24px; font-weight: normal; color: #333; width: calc(100% - 140px); line-height: 30px; padding-left: 25px; display: flex; justify-content: center; flex-direction: column;}

@media screen and (max-width: 1920px) {
    .wh-bg { padding: 6.5vw 0;}
}
@media screen and (max-width: 1440px) {
    .wh-bg .wh-yb .wh-tx { margin-top: 11px;}
    .wh-bg .wh-yb .wh-tx p { font-size: 24px; margin-top: 8px;}
    .wh-bg .wh-yb .wh-tx ul { margin-top: 36px;}
    .wh-bg .wh-yb .wh-tx ul li { margin-top: 20px;}
    .wh-bg .wh-yb .wh-tx ul li h3 { font-size: 20px; width: 120px; line-height: 45px;}
    .wh-bg .wh-yb .wh-tx ul li h4 { font-size: 20px; width: calc(100% - 120px);}
}
@media screen and (max-width: 1024px) {
    .wh-bg .wh-zb dl { font-size: 14px;}
    .wh-bg .wh-yb { width: 60.75%;}
    .wh-bg .wh-yb .wh-tx { margin-top: 14px;}
    .wh-bg .wh-yb .wh-tx p { font-size: 20px; margin-top: 10px;}
    .wh-bg .wh-yb .wh-tx ul { margin-top: 31px;}
    .wh-bg .wh-yb .wh-tx ul li { margin-top: 15px;}
    .wh-bg .wh-yb .wh-tx ul li h3 { font-size: 16px; width: 100px; line-height: 35px;}
    .wh-bg .wh-yb .wh-tx ul li h4 { font-size: 16px; width: calc(100% - 100px); line-height: 22px; padding-left: 20px;}
}
@media screen and (max-width: 640px) {
    .wh-bg .main { flex-wrap: wrap;}
    .wh-bg .wh-yb { width: 100%;}
    .wh-bg .wh-yb .wh-tx { margin-top: 9px;}
    .wh-bg .wh-yb .wh-tx p { font-size: 18px; margin-top: 5px;}
    .wh-bg .wh-yb .wh-tx ul { margin-top: 26px;}
    .wh-bg .wh-zb { display: none;}
}
@media screen and (max-width: 480px) {
    .wh-bg { padding-bottom: 7.8vw;}
    .wh-bg .wh-yb .wh-tx ul { margin-top: 21px;}
    .wh-bg .wh-yb .wh-tx ul li { margin-top: 10px;}
    .wh-bg .wh-yb .wh-tx ul li h3 { font-size: 14px; width: 84px; line-height: 30px;}
    .wh-bg .wh-yb .wh-tx ul li h4 { font-size: 14px; width: calc(100% - 84px); padding-left: 15px;}
}


/* Page Workshop */
.sb-bg { background: url(../Images/sbBg.jpg) no-repeat center; background-size: cover; padding-bottom: 150px; position: relative;}
.sb-bg .headline { width: 82.5%; color: #fff;}
.sb-bg ul { flex-wrap: wrap;}
.sb-bg ul li { width: 19.5%;}
.sb-bg ul li:nth-child(n+6) { margin-top: 0.625%;}
.sb-bg ul li img { width: 100%;}

@media screen and (max-width: 1920px) {
    .sb-bg { padding-bottom: 7.8vw;}
}
@media screen and (max-width: 1024px) {
    .sb-bg .headline { width: 100%;}
}
@media screen and (max-width: 640px) {
    .sb-bg ul { margin: 0 15px;}
    .sb-bg ul li { width: 49%;}
    .sb-bg ul li:nth-child(n+3) { margin-top: 2%;}
}


/* Page Certificate */
.zs-bg { background-color: #fff; padding: 125px 0 121px; position: relative;}
.zs-bg .headline { width: 90%; padding: 0;}
.zs-bg .flex { align-items: center;}
.zs-bg .zs-zb { width: 75%;}
.zs-bg .zs-yb { width: 25%;}
.zs-bg .zs-yb img { width: 100%;}
.swiper2 { margin-top: 75px;}
.swiper2 .swiper-slide img { width: 100%;}
.swiper2 .swiper-pagination2 { position: relative; margin-top: 43px;}
.swiper2 .swiper-pagination-bullet { opacity: 0.15; background: #000;}
.swiper2 .swiper-pagination-bullet-active { opacity: 1; background-color: #258000;}

@media screen and (max-width: 1920px) {
    .zs-bg { padding: 6.5vw 0 calc(6.5vw - 4px);}
}
@media screen and (max-width: 1440px) {
    .swiper2 { margin-top: 5.2vw;}
    .swiper2 .swiper-pagination2 { margin-top: calc(3.5vw - 7px);}
}
@media screen and (max-width: 1024px) {
    .zs-bg .zs-zb { width: 70%;}
    .zs-bg .zs-yb { width: 30%;}
    .swiper2 .swiper-pagination2 { margin-top: calc(3.5vw - 12px);}
}
@media screen and (max-width: 640px) {
    .zs-bg { padding: 0 0 calc(6.5vw - 4px);}
    .zs-bg .flex { flex-wrap: wrap;}
    .zs-bg .zs-zb { width: 100%;}
    .zs-bg .headline { width: 100%; padding: 4.8vw 0;}
    .zs-bg .zs-yb { width: 100%;}
    .swiper2 { margin-top: 20px;}
}
@media screen and (max-width: 480px) {
    .zs-bg { padding: 0 0 calc(7.8vw - 4px);}
    .zs-bg .headline { padding: 29px 0 31px;}
    .swiper2 { margin-top: 15px;}
    .swiper2 .swiper-pagination2 { margin-top: 8px;}
}


/* Page GroupPhoto */
.hy-bg { background-color: #f5f5f5;}
.hy-bg .headline { width: 82.5%;}
.hy-bg ul { flex-wrap: wrap;}
.hy-bg ul li { width: 24.25%;}
.hy-bg ul li:nth-child(n+5) { margin-top: 1%;}
.hy-bg ul li img { width: 100%;}
.hy-bg .hy-tx { font-family: 'OPPOSans-Bold'; font-size: 60px; color: #258000; text-align: center; padding: 99px 0 124px;}

@media screen and (max-width: 1920px) {
    .hy-bg .hy-tx { padding: 5.2vw 0 6.5vw;}
}
@media screen and (max-width: 1440px) {
    .hy-bg .hy-tx { font-size: 48px;}
}
@media screen and (max-width: 1024px) {
    .hy-bg .headline { width: 100%;}
    .hy-bg .hy-tx { font-size: 36px;}
}
@media screen and (max-width: 640px) {
    .hy-bg ul { margin: 0 15px;}
    .hy-bg ul li { width: 49%;}
    .hy-bg ul li:nth-child(n+3) { margin-top: 2%;}
    .hy-bg .hy-tx { font-size: 30px;}
}


/* Page Products */
.pr-ls { flex-wrap: wrap; justify-content: flex-start;}
.pr-ls a { width: 48.5%; margin-right: 3%;}
.pr-ls a:nth-child(2n) { margin-right: 0;}
.pr-ls a:nth-child(n+3) { margin-top: 3%;}
.pr-ls a div { width: 50%; background-color: #fff; padding: 22px 20px 0 30px; position: relative; -webkit-transition: all .5s ease; transition: all .5s ease;}
.pr-ls a div h3 { font-family:-apple-system,BlinkMacSystemFont,'Gotham Book',"OPPOSans3.0cn-Regular",HarmonyOS Sans SC,PingFang SC,Helvetica Neue,Helvetica,Arial,Microsoft YaHei,Source Han Sans SC,Noto Sans CJK SC,WenQuanYi Micro Hei,sans-serif; font-size: 24px; font-weight: normal; color: #000; -webkit-transition: all .5s ease; transition: all .5s ease;}
.pr-ls a div h4 { width: 30px; height: 3px; background-color: #258000; margin: 15px 0 20px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.pr-ls a div p { font-size: 14px; color: #666; -webkit-transition: all .5s ease; transition: all .5s ease;}
.pr-ls a div h5 { position: absolute; left: 30px; bottom: 30px; display: block; width: 24px; height: 24px; background-color: #258000; background-image: url(../Images/jt02-02.png); background-repeat: no-repeat; background-position: center; background-size: 4px 8px; border-radius: 50%; -webkit-transition: all .5s ease; transition: all .5s ease;}
.pr-ls a:hover div { background-color: #258000;}
.pr-ls a:hover div h3 { color: #fff;}
.pr-ls a:hover div h4 { background-color: #fff;}
.pr-ls a:hover div p { color: #fff;}
.pr-ls a:hover div h5 { background-color: #fff; background-image: url(../Images/jt02-03.png);}
.pr-ls a dl { width: 50%; overflow: hidden; background-color: #258000;}
.pr-ls a dl img { width: 100%;}

@media screen and (max-width: 1440px) {
    .pr-ls a div { padding: 18px 20px 0 25px;}
    .pr-ls a div h3 { font-size: 20px;}
    .pr-ls a div h4 { width: 25px;}
    .pr-ls a div h5 { left: 25px; bottom: 25px;}
}
@media screen and (max-width: 1280px) {
    .pr-ls a div { padding: 14px 20px 0 20px;}
    .pr-ls a div h3 { font-size: 18px;}
    .pr-ls a div h4 { margin: 11px 0 12px;}
    .pr-ls a div p { font-size: 12px;}
    .pr-ls a div h5 { left: 20px; bottom: 20px; width: 20px; height: 20px;}
}
@media screen and (max-width: 1024px) {
    .pr-ls a div p { display: none;}
}
@media screen and (max-width: 900px) {
    .pr-ls a div { padding: 9px 20px 0 15px;}
    .pr-ls a div h5 { left: 15px; bottom: 15px;}
}
@media screen and (max-width: 800px) {
    .pr-ls a { width: 100%; margin-right: 0;}
    .pr-ls a:nth-child(n+2) { margin-top: 3%;}
    .pr-ls a div p { display: block;}
}
@media screen and (max-width: 480px) {
    .pr-ls a:nth-child(n+2) { margin-top: 20px;}
    .pr-ls a div { padding: 10px 20px 0 15px;}
    .pr-ls a div h3 { font-size: 16px;}
    .pr-ls a div h4 { height: 2px; margin: 12px 0;}
    .pr-ls a div p { display: none;}
}


/* Page ProductView */
.zt-bg { background-color: #f5f5f5; padding: 125px 0;}
.zt-bg .main { align-items: center;}
.zt-bg .zt-zb { width: 46.875%;}
.zt-bg .zt-zb ul li { font-size: 18px; color: #333; line-height: 36px;}
.zt-bg .zt-zb ul li:nth-child(n+2) { margin-top: 63px;}
.zt-bg .zt-zb ul li h2 { font-family: 'OPPOSans-Bold'; font-size: 30px; color: #000; font-weight: normal; margin-bottom: 11px;}
.zt-bg .zt-yb { width: 46.875%;}
.zt-bg .zt-yb img { width: 100%;}

@media screen and (max-width: 1920px) {
    .zt-bg { padding: 6.5vw 0;}
}
@media screen and (max-width: 1440px) {
    .zt-bg .zt-zb ul li { font-size: 16px; line-height: 30px;}
    .zt-bg .zt-zb ul li:nth-child(n+2) { margin-top: 55px;}
    .zt-bg .zt-zb ul li h2 { font-size: 24px; margin-bottom: 8px;}
}
@media screen and (max-width: 1024px) {
    .zt-bg .zt-zb ul li { font-size: 14px; line-height: 28px;}
    .zt-bg .zt-zb ul li:nth-child(n+2) { margin-top: 39px;}
    .zt-bg .zt-zb ul li h2 { font-size: 20px;}
}
@media screen and (max-width: 640px) {
    .zt-bg .main { flex-wrap: wrap;}
	.zt-bg .zt-zb { width: 100%;}
	.zt-bg .zt-zb ul li:nth-child(n+2) { margin-top: 19px;}
	.zt-bg .zt-yb { width: 100%; margin-top: 33px;}
}


/* Page Bottle */
.pz-bg { background: url(../Images/abBg.jpg) no-repeat center; background-size: cover; padding-bottom: 150px;}
.pz-bg h1 { font-family: 'OPPOSans-Bold'; font-size: 48px; font-weight: normal; color: #fff; text-align: center; padding: 99px 0 74px;}
.pz-bg ul { flex-wrap: wrap; justify-content: flex-start;}
.pz-bg ul li { width: 32%; margin-right: 2%;}
.pz-bg ul li:nth-child(3n) { margin-right: 0;}
.pz-bg ul li:nth-child(n+4) { margin-top: 2%;}
.pz-bg ul li img { width: 100%;}

.pz-bg2 ul li { width: 23.5%;}
.pz-bg2 ul li:nth-child(3n) { margin-right: 2%;}
.pz-bg2 ul li:nth-child(n+4) { margin-top: 0;}
.pz-bg2 ul li:nth-child(4n) { margin-right: 0;}
.pz-bg2 ul li:nth-child(n+5) { margin-top: 2%;}

@media screen and (max-width: 1920px) {
    .pz-bg { padding-bottom: 7.8vw;}
	.pz-bg h1 { padding: 5.15vw 0 3.85vw;}
}
@media screen and (max-width: 1440px) {
    .pz-bg h1 { font-size: 36px;}
}
@media screen and (max-width: 1024px) {
    .pz-bg h1 { font-size: 30px;}
}
@media screen and (max-width: 640px) {
	.pz-bg h1 { font-size: 24px; padding: 6.5vw 0 5.15vw;}
	.pz-bg ul li { width: 49%;}
	.pz-bg ul li:nth-child(3n) { margin-right: 2%;}
	.pz-bg ul li:nth-child(2n) { margin-right: 0;}
    .pz-bg ul li:nth-child(n+3) { margin-top: 2%;}
}


/* Page Parameter */
.cs-bg { background-color: #fff;}
.cs-bg h1 { font-family: 'OPPOSans-Bold'; font-size: 48px; font-weight: normal; color: #000; text-align: center; padding: 99px 0 74px;}
.table { border-collapse: collapse;}
.table tr td { font-family:-apple-system,BlinkMacSystemFont,'Gotham Book',"OPPOSans3.0cn-Regular",HarmonyOS Sans SC,PingFang SC,Helvetica Neue,Helvetica,Arial,Microsoft YaHei,Source Han Sans SC,Noto Sans CJK SC,WenQuanYi Micro Hei,sans-serif; font-size: 15px; color: #333; padding: 5px 15px; border: 1px solid #f0f0f0;}
.table tr:first-child td { font-family:-apple-system,BlinkMacSystemFont,'Gotham Bold',"OPPOSans-Bold",HarmonyOS Sans SC,PingFang SC,Helvetica Neue,Helvetica,Arial,Microsoft YaHei,Source Han Sans SC,Noto Sans CJK SC,WenQuanYi Micro Hei,sans-serif; font-size: 18px; color: #fff; padding: 10px 15px; background-color: #258000;}
.table .hsbg { background-color: #f9f9f9;}

.cs-xy { background-color: #fff; padding: 68px 0 94px;}
.cs-xy a { display: block; font-family:-apple-system,BlinkMacSystemFont,'Gotham Book',"OPPOSans3.0cn-Regular",HarmonyOS Sans SC,PingFang SC,Helvetica Neue,Helvetica,Arial,Microsoft YaHei,Source Han Sans SC,Noto Sans CJK SC,WenQuanYi Micro Hei,sans-serif; font-size: 18px; color: #333; line-height: 30px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; -webkit-transition: all .3s ease; transition: all .3s ease;}
.cs-xy a:hover { color: #258000;}

@media screen and (max-width: 1920px) {
	.cs-bg h1 { padding: 5.15vw 0 3.85vw;}
	.cs-xy { padding: 3.65vw 0 4.8vw;}
}
@media screen and (max-width: 1440px) {
    .cs-bg h1 { font-size: 36px;}
	.table tr td { font-size: 14px;}
	.table tr:first-child td { font-size: 16px;}
	.cs-xy a { font-size: 16px;}
}
@media screen and (max-width: 1024px) {
    .cs-bg h1 { font-size: 30px;}
	.cs-xy a { font-size: 14px;}
}
@media screen and (max-width: 640px) {
    .cs-bg h1 { font-size: 24px; padding: 6.5vw 0 5.15vw;}
	.table tr td { font-size: 12px; padding: 5px 10px;}
	.table tr:first-child td { font-size: 14px; padding: 5px 10px;}
	.cs-xy { padding: 3.65vw 0 7.8vw;}
	.cs-xy .main { flex-wrap: wrap;}
}


/* Page Related */
.xg-bg { background-color: #f5f5f5; padding-bottom: 150px;}
.xg-bg h1 { font-family: 'OPPOSans-Bold'; font-size: 48px; font-weight: normal; color: #000; text-align: center; padding: 99px 0;}

@media screen and (max-width: 1920px) {
    .xg-bg { padding-bottom: 7.8vw;}
	.xg-bg h1 { padding: 5.15vw 0 3.85vw;}
}
@media screen and (max-width: 1440px) {
    .xg-bg h1 { font-size: 36px;}
}
@media screen and (max-width: 1024px) {
    .xg-bg h1 { font-size: 30px;}
}
@media screen and (max-width: 640px) {
    .xg-bg h1 { font-size: 24px; padding: 6.5vw 0 5.15vw;}
}