/* banner */

.flash { position: relative;}
.flash img { width: 100%;}
.focus { position: absolute; left: 0; bottom: 80px;}
.location { position: absolute; left: 0; bottom: 0; width: 100%; font-size: 16px; color: #fff; padding-bottom: 47px;}
.location a { color: #fff;}


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

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





/* company */

.cy-bg { background-color: #fafafa; padding-top: 125px; position: relative;}
.profile h1 { font-family: "OPPOSans-Ver2-Medium"; font-size: 40px; color: #222;}
.profile dl { width: 38px; height: 3px; background-color: #1e95d4; margin: 12px 0 17px;}
.profile h2 { font-family: "OPPOSans-Ver2-Regular"; font-size: 24px; color: #222;}

.cy-bg .cy-ls .cy-tx { width: 65%; padding: 0 7.25%;}
.cy-bg .cy-ls .cy-tx .profile { margin: 0 0 37px;}
.cy-bg .cy-ls .cy-tx p { font-size: 16px; color: #666; line-height: 32px; margin-top: 25px;}

.cy-bg .cy-ls .cy-ig { width: 35%;}
.cy-bg .cy-ls .cy-ig .cy-nr { cursor: pointer; overflow: hidden; position: relative;}
.cy-bg .cy-ls .cy-ig .cy-nr img { width: 100%; transition: all 1s ease;}
.cy-bg .cy-ls .cy-ig .cy-nr:hover img { transform: scale(1.2,1.2);}
.cy-bg .cy-ls .cy-ig .cy-nr .cy-bj { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0); transition: all .5s ease;}
.cy-bg .cy-ls .cy-ig .cy-nr:hover .cy-bj { background-color: rgba(0, 0, 0, .5);}
.cy-bg .cy-ls .cy-ig .cy-nr dl { position: absolute; left: 0; top: 0; width: 100%; height: 100%; color: #fff; padding: 72px 75px 0 100px; opacity: 0; transition: all .5s ease;}
.cy-bg .cy-ls .cy-ig .cy-nr:hover dl { padding-left: 75px; opacity: 1;}
.cy-bg .cy-ls .cy-ig .cy-nr dl h3 { font-family: "OPPOSans-Ver2-Medium"; font-size: 24px; margin-bottom: 11px;}
.cy-bg .cy-ls .cy-ig .cy-nr dl p { font-size: 16px; line-height: 32px;}


@media screen and ( max-width: 1920px ) {
    .cy-bg { padding-top: 5.824vw;}
    
    .cy-bg .cy-ls { align-items: flex-end;}
    .cy-bg .cy-ls .cy-tx { padding: 0 5% 7.28vw;}
}

@media screen and ( max-width: 1440px ) {
    .profile h1 { font-size: 36px;}
    .profile dl { margin: 12px 0 18px;}
    .profile h2 { font-size: 22px;}
    
    .cy-bg .cy-ls .cy-tx { padding: 0 3.5% 7.28vw;}
    .cy-bg .cy-ls .cy-tx p { font-size: 15px; line-height: 30px;}
    
    .cy-bg .cy-ls .cy-ig .cy-nr dl { padding: 48px 50px 0 65px;}
    .cy-bg .cy-ls .cy-ig .cy-nr:hover dl { padding-left: 50px;}
    .cy-bg .cy-ls .cy-ig .cy-nr dl h3 { font-size: 22px; margin-bottom: 12px;}
    .cy-bg .cy-ls .cy-ig .cy-nr dl p { font-size: 15px; line-height: 30px;}
}

@media screen and ( max-width: 1024px ) {
    .profile h1 { font-size: 30px;}
    .profile dl { width: 30px; height: 2px; margin: 9px 0 14px;}
    .profile h2 { font-size: 20px;}
    
    .cy-bg .cy-ls { flex-wrap: wrap;}
    .cy-bg .cy-ls .cy-tx { width: 100%; padding: 0 15px 7.28vw;}
    .cy-bg .cy-ls .cy-tx p { font-size: 14px; line-height: 28px;}
    
    .cy-bg .cy-ls .cy-ig { width: 100%;}
    .cy-bg .cy-ls .cy-ig .cy-nr dl h3 { font-size: 20px;}
    .cy-bg .cy-ls .cy-ig .cy-nr dl p { font-size: 14px; line-height: 28px;}
}

@media screen and ( max-width: 640px ) {
    .profile h1 { font-size: 24px;}
    .profile dl { margin: 10px 0 14px;}
    .profile h2 { font-size: 18px;}
    
    .cy-bg .cy-ls .cy-tx .profile { margin: 0 0 28px;}
    .cy-bg .cy-ls .cy-tx p { margin-top: 15px;} 
}





/* workshop */

.wp-bg { background-color: #fff; position: relative;}
.wp-bg .profile { text-align: center; padding: 87px 0 95px;}
.wp-bg .profile dl { margin-left: auto; margin-right: auto;}
.wp-bg .wp-tx { margin: 62px 0 117px; font-size: 16px; color: #666; line-height: 32px;}

.swiper5 .swiper-slide-prev, .swiper5 .swiper-slide-next { transform: scale(0.84);}
.swiper5 a { display: block; cursor: pointer; overflow: hidden;}
.swiper5 a img { width: 100%; transition: all 1s ease;}
.swiper5 a:hover img { transform: scale(1.2,1.2);}
.swiper5 .swiper-pagination5 { position: relative; margin-top: 43px;}
.swiper5 .swiper-pagination-bullet { opacity: 0.075; background: #000;}
.swiper5 .swiper-pagination-bullet-active { opacity: 1; background-color: #1e95d4;}


@media screen and ( max-width: 1920px ) {
    .wp-bg .profile { padding: 4.524vw 0 4.94vw;}
    .wp-bg .wp-tx { margin: 3.224vw 0 6.084vw;}
}

@media screen and ( max-width: 1440px ) {
    .wp-bg .wp-tx { font-size: 15px; line-height: 30px;}
}

@media screen and ( max-width: 1024px ) {
    .wp-bg .wp-tx { font-size: 14px; line-height: 28px;}
    .swiper5 .swiper-pagination5 { margin-top: 21px;}
}

@media screen and ( max-width: 640px ) {
    .swiper5 .swiper-pagination5 { margin-top: 14px;}
}





/* history */

.hy-bg { background: url(../images/hy-bg.jpg) no-repeat center; background-size: cover; padding-bottom: 150px; position: relative;}
.hy-bg .profile { text-align: center; padding: 87px 0 95px;}
.hy-bg .profile dl { margin-left: auto; margin-right: auto;}
.hy-bg .profile h1, .hy-bg .profile h2 { color: #fff;}

.hy-bg .hy-ls { padding: 0 2.5%; background: url(../images/gy-hx.png) repeat-x center;}
.hy-bg .hy-ls a { width: 12.5%;}
.hy-bg .hy-ls a:nth-child(2n) { margin-top: 285px;}
.hy-bg .hy-ls a .hy-tx { height: 185px; color: #fff; text-align: center; background-color: rgba(255, 255, 255, .15); border-radius: 20px; padding: 15px; overflow: hidden; cursor: pointer; transition: all .5s ease;}
.hy-bg .hy-ls a:hover .hy-tx { background-color: #1e95d4;}
.hy-bg .hy-ls a .hy-tx h3 { font-family: "OPPOSans-Ver2-Medium"; font-size: 20px; line-height: 30px; margin-bottom: 14px;}
.hy-bg .hy-ls a .hy-tx p { font-size: 16px; line-height: 27px;}

.hy-bg .hy-ls a .hy-sx { width: 1px; height: 100px; background-color: rgba(255, 255, 255, .25); margin: auto;}
.hy-bg .hy-ls a .hy-sz { width: 120px; height: 35px; background-color: #1e95d4; margin: auto; border-radius: 20px; font-family: 'Gotham Book'; font-size: 18px; color: #fff; line-height: 35px; text-align: center;}


@media screen and ( max-width: 1920px ) {
    .hy-bg { padding-bottom: 7.8vw;}
    .hy-bg .profile { padding: 4.524vw 0 4.94vw;}
}

@media screen and ( max-width: 1440px ) {
    .hy-bg .hy-ls a:nth-child(2n) { margin-top: 303px;}
    .hy-bg .hy-ls a .hy-tx { height: 203px; padding: 10px;}
    .hy-bg .hy-ls a .hy-tx h3 { font-size: 18px; line-height: 27px; margin-bottom: 9px;}
    .hy-bg .hy-ls a .hy-tx p { font-size: 15px; line-height: 24px;}
}

@media screen and ( max-width: 1280px ) {
    .hy-bg .hy-ls a:nth-child(2n) { margin-top: 327px;}
    .hy-bg .hy-ls a .hy-tx { height: 227px;}
}

@media screen and ( max-width: 1024px ) {
    .hy-bg .hy-ls { flex-wrap: wrap;  padding: 0 15px; background: none;}
    
    .hy-bg .hy-ls a { width: 25%;}
	.hy-bg .hy-ls a:nth-child(2n) { margin-top: 244px;}
    .hy-bg .hy-ls a:nth-child(5), .hy-bg .hy-ls a:nth-child(7) { margin-top: 65px;}
	.hy-bg .hy-ls a:nth-child(6), .hy-bg .hy-ls a:nth-child(8) { margin-top: 309px;}
    .hy-bg .hy-ls a .hy-tx { height: 179px;}
    .hy-bg .hy-ls a .hy-tx h3 { font-size: 17px;}
    .hy-bg .hy-ls a .hy-tx p { font-size: 14px;}
    
    .hy-bg .hy-ls a .hy-sx { height: 65px;}
}

@media screen and ( max-width: 640px ) {
    .hy-bg .profile { padding: 4.524vw 0 7.54vw;}
    
	.hy-bg .hy-ls a:nth-child(2n) { margin-top: 253px;}
	.hy-bg .hy-ls a:nth-child(6), .hy-bg .hy-ls a:nth-child(8) { margin-top: 318px;}
    .hy-bg .hy-ls a .hy-tx { height: 203px;}
    
    .hy-bg .hy-ls a .hy-sx { height: 50px;}
    .hy-bg .hy-ls a .hy-sz { width: 100px; height: 30px; font-size: 16px; line-height: 30px;}
}

@media screen and ( max-width: 480px ) {
    .hy-bg .hy-ls a { width: 47.5%;}
	.hy-bg .hy-ls a:nth-child(2n) { margin-top: 0;}
    .hy-bg .hy-ls a:nth-child(5), .hy-bg .hy-ls a:nth-child(7) { margin-top: 0;}
	.hy-bg .hy-ls a:nth-child(6), .hy-bg .hy-ls a:nth-child(8) { margin-top: 0;}
    .hy-bg .hy-ls a:nth-child(n+3) { margin-top: 50px;}
    .hy-bg .hy-ls a .hy-tx { height: 155px;}
}

@media screen and ( max-width: 375px ) {
    .hy-bg .hy-ls a .hy-tx { height: 179px;}
}





/* qualification */

.qs-bg { background-color: #fff; position: relative;}
.qs-bg .profile { text-align: center; padding: 87px 0 95px;}
.qs-bg .profile dl { margin-left: auto; margin-right: auto;}

.qs-bg .qs-ls a { width: 32%;}
.qs-bg .qs-ls a img { width: 100%; cursor: pointer;}

.swiper6 { margin: 75px 2.554028% 121px;}
.swiper6 .swiper-slide a { display: block;}
.swiper6 .swiper-slide a img { width: 100%; cursor: pointer;}
.swiper6 .swiper-pagination6 { position: relative; margin-top: 43px;}
.swiper6 .swiper-pagination-bullet { opacity: 0.075; background: #000;}
.swiper6 .swiper-pagination-bullet-active { opacity: 1; background-color: #1e95d4;}


@media screen and ( max-width: 1920px ) {
    .qs-bg .profile { padding: 4.524vw 0 4.94vw;}
    .swiper6 { margin: 75px 2.554028% 6.292vw;}
}

@media screen and (max-width: 1650px) {
    .swiper6 { margin: 75px 3.5% 6.292vw;}
}

@media screen and ( max-width: 1440px ) {
    .swiper6 { margin: 50px 3.5% 6.292vw;}
}

@media screen and ( max-width: 1024px ) {
    .swiper6 { margin: 40px 15px 6.292vw;}
    .swiper6 .swiper-pagination6 { margin-top: 21px;}
}

@media screen and ( max-width: 640px ) {
    .swiper6 { margin: 25px 15px 6.292vw;}
    .swiper6 .swiper-pagination6 { margin-top: 14px;}
}





/* test */

.tt-bg { background-color: #fafafa;}
.tt-bg .profile { text-align: center; padding: 87px 0 95px;}
.tt-bg .profile dl { margin-left: auto; margin-right: auto;}

.swiper7 { padding-bottom: 121px;}
.swiper7 .swiper-slide a { display: block;}
.swiper7 .swiper-slide a img { width: 100%; cursor: pointer;}
.swiper7 .swiper-pagination7 { position: relative; margin-top: 43px;}
.swiper7 .swiper-pagination-bullet { opacity: 0.075; background: #000;}
.swiper7 .swiper-pagination-bullet-active { opacity: 1; background-color: #1e95d4;}


@media screen and ( max-width: 1920px ) {
    .tt-bg .profile { padding: 4.524vw 0 4.94vw;}
    .swiper7 { padding-bottom: 6.292vw;}
}

@media screen and ( max-width: 1024px ) {
    .swiper7 .swiper-pagination7 { margin-top: 21px;}
}

@media screen and ( max-width: 640px ) {
    .swiper7 .swiper-pagination7 { margin-top: 14px;}
}





/* industries */

.is-bg { background-color: #fafafa; padding: 125px 0 150px;}
.is-bg .is-ls a { align-items: center; background-color: #fff; transition: all .3s ease;}
.is-bg .is-ls a:nth-child(n+2) { margin-top: 5%;}

.is-bg .is-ls a div { width: 66.666667%; padding: 0 100px;}
.is-bg .is-ls a div h2 { font-size: 36px; color: #222; transition: all .3s ease;}
.is-bg .is-ls a div p { font-size: 18px; color: #666; line-height: 36px; margin-top: 17px; transition: all .3s ease;}

.is-bg .is-ls a dl { width: 33.333333%; overflow: hidden; position: relative;}
.is-bg .is-ls a dl img { width: 100%; transition: all .5s ease;}
.is-bg .is-ls a dl dt { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0); transition: all .3s ease;}
.is-bg .is-ls a dl p { position: absolute; right: 25px; bottom: 25px; background-color: #1e95d4; opacity: 0; transition: all .3s ease;}

.is-bg .is-ls a:hover { background-color: #1e95d4;}
.is-bg .is-ls a:hover div h2 { color: #fff;}
.is-bg .is-ls a:hover div p { color: #fff;}
.is-bg .is-ls a:hover dl img { transform: scale(1.25,1.25);}
.is-bg .is-ls a:hover dl dt { background-color: rgba(0, 0, 0, .25);}
.is-bg .is-ls a:hover dl p { opacity: 1;}


@media screen and (max-width: 1920px) {
    .is-bg { padding: 6.5vw 0 7.8vw;}
}

@media screen and (max-width: 1440px) {    
    .is-bg .is-ls a div { padding: 0 75px;}
    .is-bg .is-ls a div h2 { font-size: 30px;}
    .is-bg .is-ls a div p { font-size: 16px; line-height: 32px; margin-top: 15px;}
}

@media screen and (max-width: 1024px) {    
    .is-bg .is-ls a div { padding: 0 25px;}
    .is-bg .is-ls a div h2 { font-size: 24px;}
    .is-bg .is-ls a div p { font-size: 15px; line-height: 30px; margin-top: 12px;}
}

@media screen and (max-width: 768px) {    
    .is-bg .is-ls a div { width: 60%; padding: 0 20px;}
    .is-bg .is-ls a div h2 { font-size: 20px;}
    .is-bg .is-ls a div p { font-size: 14px; line-height: 28px; margin-top: 7px;}
    
    .is-bg .is-ls a dl { width: 40%;}
    .is-bg .is-ls a dl p { right: 15px; bottom: 15px;}
}

@media screen and (max-width: 640px) {
	.is-bg .is-ls a { flex-wrap: wrap;}
    .is-bg .is-ls a div { width: 100%; padding: 18px 20px;}
    
    .is-bg .is-ls a dl { width: 100%;}
}





/* agriculture */

.as-bg { background-color: #fff; font-size: 16px; color: #666; line-height: 30px; padding: 130px 0 145px;}
.as-bg h1 { font-size: 48px; color: #1e95d4;}
.as-bg h2 { font-size: 30px; color: #333;}
.as-bg h3 { font-size: 24px; color: #333; margin: 30px 0 10px;}
.as-bg h4 { font-size: 18px; color: #333; margin: 21px 0 6px;}
.as-bg p { margin-top: 15px;}
.as-bg strong { font-family: "OPPOSans-Ver2-Medium"; font-weight: normal; color: #333;}
.as-bg img { width: auto !important; max-width: 100%; height: auto !important;}
.as-bg .as-nm { margin-top: 0;}
.as-bg .w1400 { max-width: 1400px; margin: auto; font-size: 18px; line-height: 36px;}


@media screen and (max-width: 1920px) {
    .as-bg { padding: 6.75vw 0 7.53vw;}
}

@media screen and (max-width: 1440px) {
    .as-bg { font-size: 15px; line-height: 28px;}
    .as-bg h1 { font-size: 40px;}
    .as-bg h2 { font-size: 25px;}
    .as-bg h3 { font-size: 16px; margin: 22px 0 4px;}
}

@media screen and (max-width: 1024px) {
    .as-bg { font-size: 14px;}
    .as-bg h1 { font-size: 36px;}
    .as-bg h2 { font-size: 22px;}
    .as-bg .w1400 { font-size: 16px; line-height: 32px;}
}

@media screen and (max-width: 640px) {
    .as-bg h1 { font-size: 30px;}
    .as-bg h2 { font-size: 20px;}
    .as-bg .w1400 { font-size: 14px; line-height: 28px;}
}





/* service */

.fw-bg { background-color: #fafafa; padding: 125px 0 150px;}
.fw-bg .fw-ls { flex-wrap: wrap;}
.fw-bg .fw-ls a { width: 48.5%; background-color: #fff; transition: all .5s ease;}
.fw-bg .fw-ls a:hover { background-color: #1e95d4;}
.fw-bg .fw-ls a:nth-child(n+3) { margin-top: 3%;}
.fw-bg .fw-ls a div { width: 40%; font-size: 30px; color: #333; padding: 0 25px; display: flex; justify-content: center; flex-direction: column; transition: all .5s ease;}
.fw-bg .fw-ls a:hover div { color: #fff;}
.fw-bg .fw-ls a dl { width: 60%; overflow: hidden;}
.fw-bg .fw-ls a dl img { width: 100%; transition: all .75s ease;}
.fw-bg .fw-ls a:hover dl img { transform: scale(1.2,1.2);}


@media screen and (max-width: 1920px) {
    .fw-bg { padding: 6.5vw 0 7.8vw;}
}

@media screen and (max-width: 1440px) {
    .fw-bg .fw-ls a div { font-size: 24px;}
}

@media screen and (max-width: 1024px) {
    .fw-bg .fw-ls a div { font-size: 20px;}
}

@media screen and (max-width: 800px) {
    .fw-bg .fw-ls a { width: 100%;}
    .fw-bg .fw-ls a:nth-child(n+2) { margin-top: 5%;}
}





/* product */

.pr-bg { background-color: #fafafa;}
.pr-bg .pr-nr { padding-bottom: 125px;}

.fl-ls { justify-content: center; flex-wrap: wrap; padding: 95px 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: #1e95d4; border-color: #1e95d4;}

.pr-ls { flex-wrap: wrap; justify-content: flex-start;}
.pr-ls a { width: 31.5%; margin-right: 2.75%;}
.pr-ls a:nth-child(3n) { margin-right: 0;}
.pr-ls a:nth-child(n+4) { margin-top: 2.75%;}

.pr-ls a .pr-ig { overflow: hidden; position: relative;}
.pr-ls a .pr-ig div { width: 100%; height: 348px; background-repeat: no-repeat; background-position: center; background-size: cover; transition: all .75s ease;}
.pr-ls a:hover .pr-ig div { transform: scale(1.2,1.2);}
.pr-ls a .pr-ig dl { position: absolute; left: 15px; top: 15px; font-size: 16px; color: #fff; line-height: 32px; padding: 0 15px; background-color: rgba(30, 149, 212, .75); border-radius: 20px;}


.pr-ls a .pr-tx { background-color: #fff; padding: 15px; transition: all .5s ease;}
.pr-ls a:hover .pr-tx { background-color: #1e95d4;}
.pr-ls a .pr-tx .pr-nm { width: calc(100% - 43px); font-size: 18px; color: #333; line-height: 38px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; transition: all .5s ease;}
.pr-ls a:hover .pr-tx .pr-nm { color: #fff;}
.pr-ls a .pr-tx .more { background-color: #606060; transition: all .5s ease;}
.pr-ls a:hover .pr-tx .more { color: #1e95d4;  background-color: #fff;}


@media screen and (max-width: 1920px) {
    .pr-bg .pr-nr { padding-bottom: 6.5vw;}
    .fl-ls { padding: calc(5.2vw - 5px) 0;}
}

@media screen and (max-width: 1440px) {
    .pr-ls a .pr-ig div { height: 284px;}
    .pr-ls a .pr-ig dl { font-size: 14px; line-height: 28px; padding: 0 10px;}
    
	.pr-ls a .pr-tx .pr-nm { font-size: 16px; line-height: 36px;}
}

@media screen and (max-width: 1366px) {
    .pr-ls a .pr-ig div { height: 270px;}
}

@media screen and (max-width: 1280px) {
    .pr-ls a .pr-ig div { height: 252px;}
}

@media screen and (max-width: 1024px) {
    .fl-ls a { font-size: 16px; line-height: 42px; padding: 0 15px;}
    
    .pr-ls a .pr-ig div { height: 210px;}
    .pr-ls a .pr-ig dl { left: 10px; top: 10px;}
    
    .pr-ls a .pr-tx { padding: 10px;}
	.pr-ls a .pr-tx .pr-nm { font-size: 15px; line-height: 30px;}
}

@media screen and (max-width: 800px) {
    .pr-ls a .pr-ig div { height: 164px;}
}

@media screen and (max-width: 640px) {
    .fl-ls a { font-size: 14px; line-height: 36px; padding: 0 12px;}
    
    .pr-ls a { width: 48.5%; margin-right: 3%;}
    .pr-ls a:nth-child(3n) { 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 .pr-ig div { height: 200px;}
    .pr-ls a .pr-ig dl { font-size: 12px; line-height: 24px;}
    
	.pr-ls a .pr-tx .pr-nm { font-size: 14px; line-height: 24px;}
}

@media screen and (max-width: 480px) {
    .fl-ls a { line-height: 30px; padding: 0 10px;}
    
    .pr-ls a .pr-ig div { height: 148px;}
}

@media screen and (max-width: 430px) {    
    .pr-ls a .pr-ig div { height: 130px;}
}

@media screen and (max-width: 414px) {    
    .pr-ls a .pr-ig div { height: 124px;}
}

@media screen and (max-width: 390px) {    
    .pr-ls a .pr-ig div { height: 118px;}
}





/* Page productview */

.ps-cn { background-color: #fff; padding: 125px 0 91px;}
.ps-cn .ps-zb { width: 67.5%;}
.ps-cn .ps-zb .ps-ig { text-align: center;}
.ps-cn .ps-zb .ps-ig img { width: auto !important; max-width: 100%; height: auto !important;}
.ps-cn .ps-zb .ps-wz { font-family: "OPPOSans-Ver2-Medium"; font-size: 40px; color: #1e95d4; margin-top: 52px; text-align: center;}
.ps-cn .ps-zb .ps-tx { font-size: 16px; color: #666; line-height: 30px; margin-top: 88px;}
.ps-cn .ps-zb .ps-tx img { width: auto !important; max-width: 100%; height: auto !important;}
.ps-cn .ps-zb .ps-tx h2 { font-family: "OPPOSans-Ver2-Medium"; font-size: 30px; color: #333; margin-bottom: 25px;}
.ps-cn .ps-zb .ps-tx table { border-collapse: collapse;}
.ps-cn .ps-zb .ps-tx table tr td { width: 30%; padding: 5px 15px; border: 1px solid #f0f0f0;}
.ps-cn .ps-zb .ps-tx table tr td:nth-child(2n+1) { width: 20%; background-color: #f9f9f9;}
.ps-cn .ps-zb .ps-tx .m75 { margin-top: 72px; margin-bottom: 5px;}
.ps-cn .ps-zb .ps-tx ul { flex-wrap: wrap; justify-content: flex-start;}
.ps-cn .ps-zb .ps-tx ul li { margin: 20px 20px 0 0; padding: 5px 15px; border: 1px solid #f0f0f0; border-radius: 5px;}
.ps-cn .ps-zb .cs-xy a { font-size: 18px; color: #999; line-height: 36px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; margin-top: 65px; transition: all .3s ease;}
.ps-cn .ps-zb .cs-xy a:hover { color: #1e95d4;}

.ps-cn .ps-yb { width: 20%;}
.ps-cn .ps-yb h2 { font-family: "OPPOSans-Ver2-Medium"; font-size: 36px; color: #1e95d4; line-height: 54px; padding-bottom: 25px; border-bottom: 1px solid #e0e0e0;}
.ps-cn .ps-yb a { display: block; border-bottom: 1px solid #e0e0e0; padding: 26px 0 28px; font-size: 22px; color: #666; line-height: 34px; transition: all .5s ease;}
.ps-cn .ps-yb a:hover, .ps-cn .ps-yb a.fl { color: #1e95d4; padding-left: 25px;}


@media screen and (max-width: 1920px) {
    .ps-cn { padding: 6.5vw 0 4.732vw;}
    .ps-cn .ps-zb .ps-wz { margin-top: 2.704vw;}
    .ps-cn .ps-zb .ps-tx { margin-top: 4.576vw;}
    .ps-cn .ps-zb .ps-tx .m75 { margin-top: 3.744vw;}
    .ps-cn .ps-zb .cs-xy a { margin-top: 3.38vw;}
}

@media screen and (max-width: 1440px) {
    .ps-cn .ps-zb .ps-wz { font-size: 36px;}
    .ps-cn .ps-zb .ps-tx { font-size: 15px;}
    .ps-cn .ps-zb .ps-tx h2 { font-size: 24px; margin-bottom: 23px;}
    .ps-cn .ps-zb .ps-tx .m75 { margin-bottom: 3px;}
    .ps-cn .ps-zb .cs-xy a { font-size: 16px; line-height: 32px;}
    
    .ps-cn .ps-yb h2 { font-size: 30px; line-height: 45px; padding-bottom: 18px;}
    .ps-cn .ps-yb a { font-size: 18px; line-height: 28px; padding: 19px 0 20px;}
}

@media screen and (max-width: 1024px) {
    .ps-cn .ps-zb { width: 100%;}
    .ps-cn .ps-zb .ps-wz { font-size: 30px;}
    .ps-cn .ps-zb .ps-tx { font-size: 14px; line-height: 28px;}
    .ps-cn .ps-zb .ps-tx h2 { font-size: 20px; margin-bottom: 17px;}
    .ps-cn .ps-zb .ps-tx table tr td { line-height: 24px; padding: 5px 10px;}
    .ps-cn .ps-zb .ps-tx .m75 { margin-bottom: 6px;}
    .ps-cn .ps-zb .ps-tx ul li { line-height: 24px; margin: 10px 10px 0 0; padding: 5px 10px;}
    
    .ps-cn .ps-yb { display: none;}
}

@media screen and (max-width: 640px) {
    .ps-cn { padding: 6.5vw 0 calc(4.732vw + 10px);}
    .ps-cn .ps-zb .ps-wz { margin-top: calc(2.704vw + 10px);}
    .ps-cn .ps-zb .ps-tx { margin-top: calc(4.576vw + 10px);}
    .ps-cn .ps-zb .ps-tx .m75 { margin-top: calc(3.744vw + 10px);}
    .ps-cn .ps-zb .cs-xy a { margin-top: calc(3.38vw + 10px);}
    .ps-cn .ps-zb .ps-wz { font-size: 24px;}
}





/* Page related */

.xg-bg { background-color: #fafafa; padding-bottom: 150px;}
.xg-bg h1 { font-size: 48px; color: #222; text-align: center; padding: 85px 0 90px;}


@media screen and (max-width: 1920px) {
    .xg-bg { padding-bottom: 7.8vw;}
	.xg-bg h1 { padding: 4.42vw 0 4.68vw;}
}

@media screen and (max-width: 1440px) {
    .xg-bg h1 { font-size: 40px;}
}

@media screen and (max-width: 1024px) {
    .xg-bg h1 { font-size: 30px;}
}

@media screen and (max-width: 640px) {
    .xg-bg h1 { font-size: 24px;}
}





/* news */

.xw-bg { background-color: #fafafa;}
.xw-bg .xw-nr { padding-bottom: 150px;}
.xw-bg .xw-ls { flex-wrap: wrap; justify-content: flex-start;}
.xw-bg .xw-ls a { width: 31%; background-color: #fff; margin-right: 3.5%; transition: all .3s ease;}
.xw-bg .xw-ls a:nth-child(3n) { margin-right: 0;}
.xw-bg .xw-ls a:nth-child(n+4) { margin-top: 3.5%;}

.xw-bg .xw-ls a dl { overflow: hidden;}
.xw-bg .xw-ls a dl img { width: 100%; transition: all .5s ease;}
.xw-bg .xw-ls a:hover dl img { transform: scale(1.2,1.2);}

.xw-bg .xw-ls a div { background-color: #fff; padding: 30px; transition: all .3s ease;}
.xw-bg .xw-ls a:hover div { background-color: #1e95d4;}
.xw-bg .xw-ls a div h4 { font-family: 'Gotham Book'; font-size: 18px; font-weight: normal; color: #999; transition: all .3s ease;}
.xw-bg .xw-ls a:hover div h4 { color: #fff;}
.xw-bg .xw-ls a div h3 { font-family: "OPPOSans-Ver2-Regular"; font-size: 24px; font-weight: normal; color: #333; line-height: 38px; margin-top: 23px; transition: all .3s ease;}
.xw-bg .xw-ls a:hover div h3 { color: #fff;}


@media screen and (max-width: 1920px) {
    .xw-bg .xw-nr { padding-bottom: 7.8vw;}
}

@media screen and (max-width: 1440px) {
    .xw-bg .xw-ls a div h4 { font-size: 16px;}
    .xw-bg .xw-ls a div h3 { font-size: 22px; line-height: 34px;}
}

@media screen and (max-width: 1024px) {
    .xw-bg .xw-ls a div { padding: 20px;}
    .xw-bg .xw-ls a div h4 { font-size: 14px;}
    .xw-bg .xw-ls a div h3 { font-size: 18px; line-height: 30px; margin-top: 16px;}
}

@media screen and (max-width: 640px) {
    .xw-bg .xw-ls { flex-wrap: wrap;}
    .xw-bg .xw-ls a { width: 100%; margin-right: 0;}
    .xw-bg .xw-ls a:nth-child(n+2) { margin-top: 25px;}
}





/* newsview */

.nv-bg { background-color: #fff; padding-bottom: 116px;}
.nv-bg .nv-nm { margin: 112px 0 96px;}
.nv-bg .nv-nm h1 { font-size: 40px; font-weight: normal; color: #222; line-height: 60px;}
.nv-bg .nv-nm dl { font-size: 18px; color: #999; text-transform: uppercase; margin-top: 15px;}
.nv-bg .nv-nm dl span { margin-left: 30px;}
.nv-bg .nv-nm dl span font { font-family: 'Gotham Book';}

.nv-bg .nv-ls .nv-zb { width: 67.5%;}
.nv-bg .nv-ls .nv-zb .nv-sn { font-size: 16px; color: #999; line-height: 32px; background-color: #fafafa; padding: 21px 25px 22px; border-radius: 5px; margin-bottom: 66px;}
.nv-bg .nv-ls .nv-zb .nv-js { font-size: 16px; color: #666; line-height: 32px;}
.nv-bg .nv-ls .nv-zb .nv-js img { width: auto !important; max-width: 100%; height: auto !important;}
.nv-bg .nv-ls .nv-zb .nv-js strong { display: inline-block; font-family: 'OPPOSans-Ver2-Medium'; font-weight: normal; color: #333; margin-bottom: 5px;}

.nv-bg .nv-ls .nv-zb .nv-xy { margin-top: 82px;}
.nv-bg .nv-ls .nv-zb .nv-xy a { font-size: 18px; color: #999; line-height: 36px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; transition: all .3s ease;}
.nv-bg .nv-ls .nv-zb .nv-xy a:hover { color: #1e95d4;}

.nv-bg .nv-ls .nv-yb { width: 25%;}
.nv-bg .nv-ls .nv-yb .nv-lb h2 { font-family: "OPPOSans-Ver2-Regular"; font-size: 40px; color: #1e95d4; line-height: 60px; margin-bottom: 25px;}
.nv-bg .nv-ls .nv-yb .nv-lb a { display: block; border-top: 1px solid #e0e0e0; padding: 26px 0 32px;}
.nv-bg .nv-ls .nv-yb .nv-lb a h3 { font-family: "OPPOSans-Ver2-Regular"; font-size: 24px; font-weight: normal; color: #333; line-height: 38px;}
.nv-bg .nv-ls .nv-yb .nv-lb a h4 { font-family: 'Gotham Book'; font-size: 18px; font-weight: normal; color: #999; margin-top: 15px;}


@media screen and (max-width: 1920px) {
    .nv-bg { padding-bottom: 6.032vw;}
    .nv-bg .nv-nm { margin: 5.824vw 0 4.992vw;}
    
	.nv-bg .nv-ls .nv-zb .nv-sn { margin-bottom: 3.432vw;}
    .nv-bg .nv-ls .nv-zb .nv-xy { margin-top: 4.264vw;}
}

@media screen and (max-width: 1440px) {
    .nv-bg .nv-nm h1 { font-size: 36px; line-height: 54px;}
    
    .nv-bg .nv-ls .nv-yb .nv-lb h2 { font-size: 36px; line-height: 54px;}
    .nv-bg .nv-ls .nv-yb .nv-lb a h3 { font-size: 22px; line-height: 34px;}
    .nv-bg .nv-ls .nv-yb .nv-lb a h4 { font-size: 16px;}
}

@media screen and (max-width: 1024px) {
    .nv-bg .nv-nm h1 { font-size: 30px; line-height: 45px;}
    .nv-bg .nv-nm dl { font-size: 14px;}
    
    .nv-bg .nv-ls { flex-wrap: wrap;}
    .nv-bg .nv-ls .nv-zb { width: 100%;}
    .nv-bg .nv-ls .nv-zb .nv-sn { font-size: 14px; line-height: 28px; padding: 12px 15px 13px;}
    .nv-bg .nv-ls .nv-zb .nv-js { font-size: 14px; line-height: 28px;}
    .nv-bg .nv-ls .nv-zb .nv-js h2 { font-size: 24px; line-height: 40px;}
    .nv-bg .nv-ls .nv-zb .nv-xy a { font-size: 16px; line-height: 30px;}
    
    .nv-bg .nv-ls .nv-yb { width: 100%; margin-top: 58px;}
    .nv-bg .nv-ls .nv-yb .nv-lb h2 { font-size: 30px; line-height: 45px; margin-bottom: 18px;}
    .nv-bg .nv-ls .nv-yb .nv-lb a { padding: 18px 0 23px;}
    .nv-bg .nv-ls .nv-yb .nv-lb a h3 { font-size: 18px; line-height: 30px;}
    .nv-bg .nv-ls .nv-yb .nv-lb a h4 { font-size: 14px;}
}

@media screen and (max-width: 640px) {
    .nv-bg .nv-nm h1 { font-size: 24px; line-height: 36px;}
    
    .nv-bg .nv-ls .nv-zb .nv-xy { flex-wrap: wrap;}
    .nv-bg .nv-ls .nv-zb .nv-xy a { width: 100%;}
    
    .nv-bg .nv-ls .nv-yb .nv-lb h2 { font-size: 24px; line-height: 36px;}
}





/* Page Page */
.flip { display: table; margin: 100px auto 0; clear: both;}
.flip a { display: block; float: left; padding: 0 12px; margin: 0 2px; line-height: 28px; background-color: #fff; cursor: pointer;}
.flip a:hover { color: #fff; background-color: #1e95d4;}
.flip a.pgNt { color: #1e95d4;}
.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: #1e95d4;}


@media screen and (max-width: 1920px) {
    .flip { margin: 5.2vw auto 0;}
}

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





/* contact */

.lx-bg { background-color: #fff; padding: 125px 0 150px;}
.lx-bg .lx-zt .lx-zb { width: 30%;}
.lx-bg .lx-zt .lx-zb a { display: block; width: 100%; border-radius: 15px; overflow: hidden; position: relative;}
.lx-bg .lx-zt .lx-zb a img { width: 100%; transition: all .5s ease;}
.lx-bg .lx-zt .lx-zb a:hover img { transform: scale(1.2,1.2);}
.lx-bg .lx-zt .lx-zb a dl { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .25); font-size: 24px; color: #fff; text-align: center; display: flex; justify-content: center; flex-direction: column; opacity: 0; transition: all .5s ease;}
.lx-bg .lx-zt .lx-zb a:hover dl { opacity: 1;}

.lx-bg .lx-zt .lx-zb .flex { margin-top: 62px;}
.lx-bg .lx-zt .lx-zb .flex div { width: 50px; height: 50px; background-color: #f0f0f0; border-radius: 50%; text-align: center;}
.lx-bg .lx-zt .lx-zb .flex div img { width: 20px; height: 20px; margin-top: 15px;}
.lx-bg .lx-zt .lx-zb .flex dl { width: calc(100% - 65px);}
.lx-bg .lx-zt .lx-zb .flex dl p { font-size: 14px; color: #666;}
.lx-bg .lx-zt .lx-zb .flex dl h3 { font-size: 24px; color: #333; line-height: 30px;}

.lx-bg .lx-zt .lx-yb { width: 55%;}
.lx-bg .lx-zt .lx-yb ul { flex-wrap: wrap;}
.lx-bg .lx-zt .lx-yb ul li { width: 45%;}
.lx-bg .lx-zt .lx-yb ul li:nth-child(n+3) { margin-top: 75px; padding-top: 75px; border-top: 1px solid #e0e0e0;}
.lx-bg .lx-zt .lx-yb ul li div { width: 50px; height: 50px; background-color: #f0f0f0; border-radius: 50%; text-align: center;}
.lx-bg .lx-zt .lx-yb ul li div img { width: 20px; height: 20px; margin-top: 15px;}
.lx-bg .lx-zt .lx-yb ul li dl { width: calc(100% - 65px);}
.lx-bg .lx-zt .lx-yb ul li dl p { font-size: 14px; color: #666;}
.lx-bg .lx-zt .lx-yb ul li dl h3 { font-family: 'Gotham Bold'; font-size: 24px; color: #333;}


@media screen and ( max-width: 1920px ) {
    .lx-bg { padding: 6.5vw 0 7.8vw;}
}

@media screen and ( max-width: 1440px ) {
	.lx-bg .lx-zt .lx-zb .flex { margin-top: 22px;}
    .lx-bg .lx-zt .lx-zb .flex dl h3 { font-size: 20px; line-height: 25px;}
	
	.lx-bg .lx-zt .lx-yb { width: 60%;}
	.lx-bg .lx-zt .lx-yb ul li:nth-child(n+3) { margin-top: 50px; padding-top: 50px;}
	.lx-bg .lx-zt .lx-yb ul li dl h3 { font-size: 20px;}
}

@media screen and ( max-width: 1024px ) {
	.lx-bg .lx-zt { flex-wrap: wrap;}
	.lx-bg .lx-zt .lx-zb { width: 100%; margin-bottom: 50px; padding-bottom: 50px; border-bottom: 1px solid #e0e0e0;}
	.lx-bg .lx-zt .lx-zb a { display: none;}
	.lx-bg .lx-zt .lx-zb .flex { margin-top: 0;}
	.lx-bg .lx-zt .lx-zb .flex dl h3 { font-size: 18px; line-height: 24px;}
	
	.lx-bg .lx-zt .lx-yb { width: 100%;}
	.lx-bg .lx-zt .lx-yb ul li { width: 47.5%;}
	.lx-bg .lx-zt .lx-yb ul li dl h3 { font-size: 18px;}
}

@media screen and ( max-width: 640px ) {
	.lx-bg .lx-zt .lx-zb { margin-bottom: 30px; padding-bottom: 30px;}
	
	.lx-bg .lx-zt .lx-yb ul { flex-wrap: wrap;}
	.lx-bg .lx-zt .lx-yb ul li { width: 100%;}
	.lx-bg .lx-zt .lx-yb ul li:nth-child(n+2) { margin-top: 30px; padding-top: 30px; border-top: 1px solid #e0e0e0;}
	
	.lx-bg .lx-zt .lx-yb ul li div { width: 40px; height: 40px;}
    .lx-bg .lx-zt .lx-yb ul li div img { width: 16px; height: 16px; margin-top: 12px;}
    .lx-bg .lx-zt .lx-yb ul li dl { width: calc(100% - 55px);}
}





/* maps */

#map { height: 650px; border-radius: 25px; margin-top: 122px;}
#map .amap-icon img { width: 80px;}

@media screen and ( max-width: 1920px ) {
    #map { height: 600px; margin-top: 6.344vw;}
}

@media screen and ( max-width: 800px ) {
    #map { height: 500px;}
    #map .amap-icon img { width: 60px; margin-left: 15px; margin-top: 30px;}
}

@media screen and ( max-width: 640px ) {
    #map { height: 450px; border-radius: 15px; margin-top: 8.944vw;}
}

@media screen and ( max-width: 480px ) {
    #map { height: 375px;}
}