/* Page Flash */

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


@media screen and ( max-width: 1024px ) {
    .focus { bottom: 60px;}
}

@media screen and ( max-width: 640px ) {
    .focus { bottom: 50px;}
}





/* Page Company */

.gs-bg { background-color: #fff; padding: 5.45vw 0 7.8vw; position: relative;}
.gs-bg .gs-tx p { font-size: 18px; color: #666; 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%; position: relative;}
.gs-bg .gs-ig li img { width: 100%;}
.gs-bg .gs-ig li h3 { position: absolute; right: 0; bottom: 0; background-color: rgba(0, 0, 0, .25); font-size: 24px; font-weight: normal; color: #fff; padding: 5px 15px;}


@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;}
    .gs-bg .gs-ig li h3 { font-size: 18px; padding: 5px 10px;}
}

@media screen and (max-width: 640px) {
    .gs-bg .ny-bt p { font-family: 'OPPOSans-Bold';}
    .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;}
    .gs-bg .gs-ig li h3 { font-size: 16px;}
}





/* Page History */

.fz-bg { background-color: #f2fbff; padding-top: 100px; position: relative;}
.ny-bt h1 { font-size: 48px; font-weight: normal; color: #333; margin-bottom: 15px;}
.ny-bt p { font-size: 24px; color: #4a4a4a; line-height: 40px;}
.fz-bg .fz-ig img { width: 100%;}


@media screen and (max-width: 1440px) { 
    .fz-bg { padding-top: 85px;}
    .ny-bt h1 { font-size: 36px; margin-bottom: 13px;}
    .ny-bt p { font-size: 18px; line-height: 36px;}
}

@media screen and (max-width: 1024px) { 
    .fz-bg { padding-top: 50px;}
    .ny-bt h1 { font-size: 30px; margin-bottom: 11px;}
    .ny-bt p { font-size: 16px; line-height: 30px;}
}

@media screen and (max-width: 640px) { 
    .fz-bg { padding-top: 35px;}
    .ny-bt h1 { font-size: 24px; margin-bottom: 13px;}
}





/* Page Strategic */

.zl-bg { background-color: #fff; padding: 5.15vw 0 7.8vw; position: relative;}
.zl-bg ul { margin-top: 4vw;}
.zl-bg ul li { background-color: #f5f5f5; align-items: center;}
.zl-bg ul li .zl-zb { width: 50%; padding: 0 3.9vw;}
.zl-bg ul li .zl-zb h2 { font-size: 36px; font-weight: normal; color: #333; margin-bottom: 1.2vw;}
.zl-bg ul li .zl-zb p { font-size: 24px; color: #666; line-height: 40px;}
.zl-bg ul li .zl-yb { width: 50%;}
.zl-bg ul li .zl-yb img { width: 100%;}


@media screen and (max-width: 1440px) { 
    .zl-bg ul li .zl-zb h2 { font-size: 30px;}
	.zl-bg ul li .zl-zb p { font-size: 18px; line-height: 30px;}
}

@media screen and (max-width: 1024px) { 
    .zl-bg ul li .zl-zb h2 { font-size: 24px; margin-bottom: 18px;}
	.zl-bg ul li .zl-zb p { font-size: 16px; line-height: 28px;}
}

@media screen and (max-width: 640px) { 
    .zl-bg ul li { flex-wrap: wrap;}
	.zl-bg ul li:nth-child(n+2) { margin-top: 25px;}
	.zl-bg ul li .zl-zb { width: 100%; padding: 4vw 4vw 5vw;}
	.zl-bg ul li .zl-yb { width: 100%;}
}





/* Page Quality */

.pz-bg { position: relative;}
.pz-bg img { width: 100%;}
.pz-bg .rz-02 { display: none;}
.pz-bg .pz-tx { position: absolute; left: 0; top: 0; width: 100%;}
.pz-bg .pz-tx .ny-bt { width: 35%; margin-top: 5.1vw;}
.pz-bg .pz-tx .ny-bt h2 { font-family: 'OPPOSans-Bold'; font-size: 36px; font-weight: normal; color: #1096d5; line-height: 48px; margin-top: 5.8vw;}


@media screen and (max-width: 1440px) {
    .pz-bg .pz-tx .ny-bt h2 { font-size: 30px;}
}

@media screen and (max-width: 1024px) {
    .pz-bg .pz-tx .ny-bt h2 { font-size: 24px; line-height: 36px;}
}

@media screen and (max-width: 768px) {
    .pz-bg .pz-tx { position: relative; left: inherit; top: inherit;}
	.pz-bg .pz-tx .ny-bt { width: 100%; margin-top: 0; margin-bottom: 5vw;}
	.pz-bg .pz-tx .ny-bt h2 { margin-top: 1.5vw;}
}

@media screen and (max-width: 640px) {
	.pz-bg .rz-01 { display: none;}
	.pz-bg .rz-02 { display: block;}
    .pz-bg .pz-tx .ny-bt h2 { font-size: 18px; line-height: 30px; margin-top: 2vw;}
}





/* Page Partner */

.gj-bg { background-color: #fff; padding: 5.2% 0;}
.gj-bg .flex { align-items: center;}
.nybt h1 { font-size: 60px; font-weight: normal; color: #333; line-height: 80px;}
.nybt p { font-size: 24px; color: #666; line-height: 40px; margin-top: 2.9vw;}
.gj-bg .gj-yb { width: 45%;}
.gj-bg .gj-yb img { width: 100%;}

.gn-bg { background: url(../Images/hzbg.jpg) no-repeat center; background-size: cover; padding: 4.4vw 0 6.5vw;}
.gn-bg .gn-ls h2 { font-size: 30px; font-weight: normal; color: #333; margin: 4.7vw 0 28px;}
.gn-bg .gn-ls ul { display: flex; justify-content: flex-start; flex-wrap: wrap;}
.gn-bg .gn-ls ul li { width: 13.18%; margin-right: 1.29%;}
.gn-bg .gn-ls ul li:nth-child(7n) { margin-right: 0;}
.gn-bg .gn-ls ul li:nth-child(n+8) { margin-top: 1.29%;}
.gn-bg .gn-ls ul li img { width: 100%; border-radius: 10px;}


@media screen and (max-width: 1440px) {
    .nybt h1 { font-size: 48px; line-height: 64px;}
    .nybt p { font-size: 20px; line-height: 36px;}
}

@media screen and (max-width: 1024px) {
    .nybt h1 { font-size: 36px; line-height: 48px;}
    .nybt p { font-size: 18px; line-height: 30px;}
    
    .gn-bg .gn-ls h2 { margin-bottom: 18px;}
    .gn-bg .gn-ls ul li { width: 18.968%;}
    .gn-bg .gn-ls ul li:nth-child(7n) { margin-right: 1.29%;}
    .gn-bg .gn-ls ul li:nth-child(5n) { margin-right: 0;}
    .gn-bg .gn-ls ul li:nth-child(n+6) { margin-top: 1.29%;}
}

@media screen and (max-width: 768px) {
    .nybt h1 { font-size: 30px; line-height: 40px;}
    .nybt p { font-size: 16px; line-height: 28px;}
    
    .gn-bg .gn-ls h2 { font-size: 24px; margin: 5.7vw 0 15px;}
}

@media screen and (max-width: 640px) {
    .gj-bg { padding: 6.5% 0 3.5%;}
    .gj-bg .flex { flex-wrap: wrap;}
    .nybt h1 { font-size: 30px; line-height: 40px;}
    .nybt p { font-size: 16px; line-height: 28px;}
    .gj-bg .gj-zb { width: 100%;}
    .gj-bg .gj-yb { width: 80%; margin: 6vw auto 0;}
    
    .gn-bg { padding: 6.6vw 0 9.4vw;}
    
    .gn-bg .gn-ls ul li { width: 23.125%; margin-right: 2.5%;}
    .gn-bg .gn-ls ul li:nth-child(7n) { margin-right: 2.5%;}
    .gn-bg .gn-ls ul li:nth-child(5n) { margin-right: 2.5%;}
    .gn-bg .gn-ls ul li:nth-child(4n) { margin-right: 0;}
    .gn-bg .gn-ls ul li:nth-child(n+5) { margin-top: 2.5%;}
}

@media screen and (max-width: 480px) {
    .gj-bg { padding: 7% 0 3.4%;}
    .nybt h1 { font-size: 24px; line-height: 32px;}
    .nybt p { font-size: 14px; line-height: 24px;}
    
    .gn-bg { padding: 7vw 0 10.6vw;}
    .gn-bg .gn-ls h2 { font-size: 20px; margin: 6.5vw 0 16px;}
    
    .gn-bg .gn-ls ul li { width: 31.8%; margin-right: 2.3%;}
    .gn-bg .gn-ls ul li:nth-child(7n) { margin-right: 2.3%;}
    .gn-bg .gn-ls ul li:nth-child(5n) { margin-right: 2.3%;}
    .gn-bg .gn-ls ul li:nth-child(4n) { margin-right: 2.3%;}
    .gn-bg .gn-ls ul li:nth-child(3n) { margin-right: 0;}
    .gn-bg .gn-ls ul li:nth-child(n+4) { margin-top: 2.3%;}
}





/* 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; transition:all .3s ease;}
.fl-ls a:hover, .fl-ls a.fl { color:#fff; background-color: #1096d5; border-color: #1096d5;}
.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: #1096d5; 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%; transition: all .75s ease;}
.xw-ls a:hover .xw-ig img { 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; transition: all .3s ease;}
.xw-ls a:hover .xw-tx h3 { color: #1096d5;}
.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; transition: all .5s ease;}
.xw-ls a:hover .xw-tx dl { background-color: #1096d5;}
.xw-ls a .xw-tx dl font { display: block; width: calc(100% - 30px); font-size: 14px; color: #333; text-align: center; 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: #1096d5; 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: #1096d5;}
.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; transition: all .3s ease;}
.xw-xx .xw-zb .xw-xy a:hover { color: #1096d5;}
.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%; transition: all .75s ease;}
.xw-xx .xw-yb .xw-lb a:hover div img { transform: scale(1.2,1.2);}
.xw-xx .xw-yb .xw-lb a dl { background-color: #fff; padding: 27px 30px 30px; 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; 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; transition: all .3s ease;}
.xw-xx .xw-yb .xw-lb a:hover dl { background-color: #1096d5;}
.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: #1096d5;}
.flip a.pgNt { color: #1096d5;}
.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;}


@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 Products */
.pr-ls { flex-wrap: wrap; justify-content: flex-start;}
.pr-ls a { width: 48.5%; margin-right: 3%; background-color: #fff; align-items: center; transition: all .5s ease;}
.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%; padding: 15px 30px;}
.pr-ls a div h3 { font-family: 'Gotham Bold',"OPPOSans-Bold"; font-size: 30px; font-weight: normal; color: #1096d5; transition: all .5s ease;}
.pr-ls a div p { font-size: 14px; color: #666; line-height: 24px; padding-top: 8px; transition: all .5s ease; display: none;}
.pr-ls a:hover { background-color: #1096d5;}
.pr-ls a:hover div h3 { color: #fff;}
.pr-ls a:hover div p { color: #fff;}
.pr-ls a dl { width: 50%;}
.pr-ls a dl img { width: 100%;}

.pr-ls .ig01 { background-size: 20px 20px; padding-left: 30px; margin-top: 5px; padding-top: 0;}
.pr-ls .ig02 { background-size: 20px 20px; padding-left: 30px; margin-top: 5px; padding-top: 0;}
.pr-ls .ig03 { background-size: 20px 20px; padding-left: 30px; margin-top: 5px; padding-top: 0;}
.pr-ls .ig04 { background-size: 20px 20px; padding-left: 30px; margin-top: 5px; padding-top: 0;}
.pr-ls .ig05 { background-size: 20px 20px; padding-left: 30px; margin-top: 5px; padding-top: 0;}
.pr-ls a:hover .ig01 { background-image: url(../Images/ic01-02.png);}
.pr-ls a:hover .ig02 { background-image: url(../Images/ic02-02.png);}
.pr-ls a:hover .ig03 { background-image: url(../Images/ic03-02.png);}
.pr-ls a:hover .ig04 { background-image: url(../Images/ic04-02.png);}
.pr-ls a:hover .ig05 { background-image: url(../Images/ic05-02.png);}


@media screen and (max-width: 1440px) {
    .pr-ls a div { padding: 15px 25px;}
    .pr-ls a div h3 { font-size: 24px;}
}

@media screen and (max-width: 1280px) {
    .pr-ls a div { padding: 15px 20px;}
    .pr-ls a div h3 { font-size: 18px;}
    .pr-ls a div p { font-size: 12px; line-height: 20px;}
}

@media screen and (max-width: 768px) {
    .pr-ls a { width: 100%; margin-right: 0;}
    .pr-ls a:nth-child(n+2) { margin-top: 3%;}
}

@media screen and (max-width: 480px) {
    .pr-ls a:nth-child(n+2) { margin-top: 20px;}
    .pr-ls a div { padding: 15px;}
}





/* Page ProductView */

.ps-cn { background-color: #fff; padding-bottom: 3vw;}
.ps-cn .ps-wz { font-size: 16px; color: #999; line-height: 20px; padding: 40px 0;}
.ps-cn .ps-vw { max-width: 800px; margin: auto;}
.ps-cn .ps-vw .ps-ig { text-align: center;}
.ps-cn .ps-vw .ps-ig img { width: auto !important; max-width: 100%; height: auto !important;}
.ps-cn .ps-vw .ps-nm { font-family: 'Gotham Bold',"OPPOSans-Bold"; font-size: 30px; color: #1096d5; padding: 50px 0 14px;}
.ps-cn .ps-vw .ps-tx { font-size: 18px; color: #666; line-height: 36px;}
.ps-cn .ps-vw .ps-tx img { width: auto !important; max-width: 100%; height: auto !important;}
.ps-cn .ps-vw .ps-tx dl { margin-top: 50px;}
.ps-cn .ps-vw .ps-tx dl strong { font-family: "OPPOSans-Bold"; font-size: 24px; font-weight: normal; color: #1096d5;}
.cs-xy a { display: block; font-family: 'Gotham Book',"OPPOSans3.0cn-Regular"; font-size: 18px; color: #999; line-height: 30px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; margin-top: 50px; transition: all .3s ease;}
.cs-xy a:hover { color: #1096d5;}

.ig01 { background: url(../Images/ic01.png) no-repeat left center; background-size: 30px 30px; padding-left: 45px; margin-top: 15px;}
.ig02 { background: url(../Images/ic02.png) no-repeat left center; background-size: 30px 30px; padding-left: 45px; margin-top: 15px;}
.ig03 { background: url(../Images/ic03.png) no-repeat left center; background-size: 30px 30px; padding-left: 45px; margin-top: 15px;}
.ig04 { background: url(../Images/ic04.png) no-repeat left center; background-size: 30px 30px; padding-left: 45px; margin-top: 15px;}
.ig05 { background: url(../Images/ic05.png) no-repeat left center; background-size: 30px 30px; padding-left: 45px; margin-top: 15px;}


@media screen and (max-width: 1024px) {
    .ps-cn { padding-bottom: 5.5vw;}
    .ps-cn .ps-wz { font-size: 14px; padding: 25px 0;}
    .ps-cn .ps-vw .ps-nm { font-size: 24px; margin: 25px 0 12px;}
    .ps-cn .ps-vw .ps-tx { font-size: 16px; line-height: 30px;}
    .ps-cn .ps-vw .ps-tx dl strong { font-size: 18px;}
    .cs-xy a { font-size: 16px;}
    
    .ig01 { background-size: 24px 24px; padding-left: 34px; margin-top: 10px;}
    .ig02 { background-size: 24px 24px; padding-left: 34px; margin-top: 10px;}
    .ig03 { background-size: 24px 24px; padding-left: 34px; margin-top: 10px;}
    .ig04 { background-size: 24px 24px; padding-left: 34px; margin-top: 10px;}
    .ig05 { background-size: 24px 24px; padding-left: 34px; margin-top: 10px;}
}





/* 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;}
}





/* Page Contact */

.lx-lb { background-color: #f5f5f5; padding: 4.9% 0;}
.lx-ls ul { flex-wrap: wrap;}
.lx-ls ul li { display: block; background-color: #fff; width: 30%; color: #333; text-align: center; padding: 50px 25px;}
.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 { width: 50px; margin: auto;}
.lx-ls ul li img { width: 100%;}
.lx-ls ul li dl h3 { font-family: 'OPPOSans-Bold'; font-size: 30px; font-weight: normal; margin: 34px 0 15px;}
.lx-ls ul li dl p { font-size: 24px; color: #666;}
.lx-ls ul li dl p span { font-family: 'Gotham Book';}


@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 { padding: 35px 15px;}
    .lx-ls ul li img { width: 40px;}
    .lx-ls ul li dl h3 { font-size: 22px; margin: 24px 0 9px;}
    .lx-ls ul li dl p { font-size: 18px;}
}

@media screen and ( max-width: 640px ) {
    .lx-ls ul li { width: 100%; padding: 30px 15px;}
    .lx-ls ul li img { width: 36px;}
    .lx-ls ul li:nth-child(2) { width: 100%;}
    .lx-ls ul li:nth-child(n+2) { margin-top: 25px;}
}