/* banner */

.flash { position: relative;}
.flash img { width: 100%;}
.no-lx .ct-bg { display: none;}
.no-lx .bm-bg { padding-top: 0;}
.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;}
}






/* company */

.cy-bg { background-color: #fafafa; padding: 9.55vh 0 11.35vh; position: relative;}
.cy-bg .cy-nr { align-items: center;}

.cy-bg .cy-nr .cy-tx { width: 45%;}
.cy-bg .cy-nr .cy-tx .label h1 { margin-bottom: 3.35vh;}
.cy-bg .cy-nr .cy-tx .label p { margin-top: 1.7vh;}

.cy-bg .cy-nr .cy-ig { width: 50%;}
.cy-bg .cy-nr .cy-ig img { width: 100%;}


@media screen and (max-width: 1024px) {
	.cy-bg { padding: 5.25vh 0 6.1vh;}
    
    .cy-bg .cy-nr .cy-tx { width: 42.5%;}
    .cy-bg .cy-nr .cy-tx .label h1 { margin-bottom: 1.9vh;}
    .cy-bg .cy-nr .cy-tx .label p { margin-top: .8vh;}
}

@media screen and (max-width: 640px) {
	.cy-bg { padding: 4.05vh 0 5.2vh;}
    .cy-bg .cy-nr { flex-wrap: wrap;}
    
    .cy-bg .cy-nr .cy-tx { width: 100%;}
    
    .cy-bg .cy-nr .cy-ig { width: 100%; margin-top: 4vh;}
}





/* history */

.hy-bg { background-color: #fff; padding: 0 5% 11.4vh; position: relative;}
.hy-bg ul { margin-top: 8.35vh;}
.hy-bg ul li { width: 22%;}
.hy-bg ul li h2 { font-family: 'OPPOSans-Bold'; font-size: 30px; font-weight: normal; color: #222; line-height: 48px; margin-bottom: 2.4vh;}
.hy-bg ul li h2 span { color: #00a0e9;}
.hy-bg ul li p { font-size: 18px; color: #666; line-height: 32px; margin-top: 1.25vh;}	
.hy-bg ul li p span { font-family: 'OPPOSans-Bold'; color: #333;}
.hy-bg ul li p img { width: 100%; margin-top: 2.2vh;}


@media screen and (max-width: 1730px) {
	.hy-bg { padding: 0 3.5% 11.4vh;}
}

@media screen and (max-width: 1440px) {
    .hy-bg ul { flex-wrap: wrap;}
    .hy-bg ul li { width: 45%;}
    .hy-bg ul li:nth-child(n+3) { margin-top: 10%;}
    .hy-bg ul li h2 { font-size: 24px; line-height: 38px;}
    .hy-bg ul li p { font-size: 16px; line-height: 28px;}	
}

@media screen and (max-width: 1024px) {
    .hy-bg { padding: 0 15px 6.05vh;}
    .hy-bg ul { margin-top: 4.15vh;}
    .hy-bg ul li h2 { font-size: 21px; line-height: 33px; margin-bottom: 1.5vh;}
    .hy-bg ul li p { font-size: 14px; line-height: 24px; margin-top: .75vh;}	
}

@media screen and (max-width: 640px) {
    .hy-bg { padding: 0 15px 4.85vh;}
    .hy-bg ul { margin-top: 3.35vh;}
    .hy-bg ul li { width: 100%;}
    .hy-bg ul li:nth-child(n+2) { margin-top: 10%;}
}





/* culture */

.ce-bg { background-color: #fafafa; padding-bottom: 13.2vh;}
.ce-bg ul { flex-wrap: wrap; margin-top: 6.9vh;}
.ce-bg ul li { width: 32%; background-color: #fff; padding: 25px 30px; height: 225px; position: relative;}
.ce-bg ul li:nth-child(n+4) { margin-top: 2%;}
.ce-bg ul li h3 { font-size: 30px; font-weight: normal; color: #333;}
.ce-bg ul li span { display: block; width: 30px; height: 3px; background-color: #00a0e9; margin-top: 14px;}
.ce-bg ul li dl{ position: absolute; left: 0; bottom: 0; font-size: 18px; color: #666; line-height: 32px; padding: 0 30px 28px;}


@media screen and (max-width: 1440px) {
	.ce-bg ul li { padding: 20px 25px; height: 200px;}
    .ce-bg ul li h3 { font-size: 24px;}
    .ce-bg ul li dl{ font-size: 16px; line-height: 30px; padding: 0 25px 23px;}
}

@media screen and (max-width: 1024px) {
	.ce-bg { padding-bottom: 6.9vh;}
    .ce-bg ul { margin-top: 4.35vh;}
    .ce-bg ul li { padding: 16px 20px; height: 175px;}
    .ce-bg ul li h3 { font-size: 20px;}
    .ce-bg ul li span { width: 25px; margin-top: 11px;}
    .ce-bg ul li dl { font-size: 14px; line-height: 24px; padding: 0 20px 17px;}
}

@media screen and (max-width: 640px) {
	.ce-bg { padding-bottom: 5.2vh;}
    .ce-bg ul { margin-top: 3.55vh;}
    .ce-bg ul li { width: 48.5%; height: 150px;}
    .ce-bg ul li:nth-child(n+3) { margin-top: 3%;}
}

@media screen and (max-width: 480px) {
    .ce-bg ul li { width: 100%;}
    .ce-bg ul li:nth-child(n+2) { margin-top: 20px;}
}





/* industries */

.is-bg { background-color: #fafafa; padding: 9.45vh 0 13.2vh;}
.is-bg .is-ls { flex-wrap: wrap;}
.is-bg .is-ls a { width: 30%; background-color: #fff; transition: all .4s ease;}
.is-bg .is-ls a:nth-child(n+4) { margin-top: 5%;}

.is-bg .is-ls a div { padding: 34px 30px;}
.is-bg .is-ls a div h2 { font-family: 'OPPOSans-Bold'; font-size: 30px; font-weight: normal; color: #222; transition: all .3s ease;}
.is-bg .is-ls a div p { font-size: 18px; color: #666; line-height: 32px; margin: 1.2vh 0; height: 96px; overflow: hidden;}
.is-bg .is-ls a div ul { flex-wrap: wrap; justify-content: flex-start; height: 64px; overflow: hidden;}
.is-bg .is-ls a div ul li { font-size: 18px; color: #333; line-height: 32px; margin-right: 15px; transition: all .3s ease;}

.is-bg .is-ls a dl { 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; bottom: 25px; right: 25px; width: 30px; height: 8px; background: url(../images/lj-02.png) no-repeat; background-size: 30px 8px;}

.is-bg .is-ls a:hover { background-color: #00a0e9;}
.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 div ul li { color: #fff;}
.is-bg .is-ls a:hover dl img { transform: scale(1.25,1.25);}


@media screen and (max-width: 1440px) {
	.is-bg .is-ls a { width: 31%;}
    .is-bg .is-ls a:nth-child(n+4) { margin-top: 3.5%;}
    
    .is-bg .is-ls a div { padding: 29px 25px;}
    .is-bg .is-ls a div h2 { font-size: 24px;}
    .is-bg .is-ls a div p { font-size: 16px; line-height: 30px; height: 90px;}
    .is-bg .is-ls a div ul { height: 60px;}
    .is-bg .is-ls a div ul li { font-size: 16px; line-height: 30px;}
}

@media screen and (max-width: 1024px) {
    .is-bg { padding: 5.25vh 0 6.9vh;}
	.is-bg .is-ls a { width: 48.25%;}
    .is-bg .is-ls a:nth-child(n+3) { margin-top: 3.5%;}
    
    .is-bg .is-ls a div { padding: 25px 20px;}
    .is-bg .is-ls a div h2 { font-size: 20px;}
    .is-bg .is-ls a div p { font-size: 14px; line-height: 24px; height: 72px; margin: 14px 0 10px;}
    .is-bg .is-ls a div ul { height: 48px;}
    .is-bg .is-ls a div ul li { font-size: 14px; line-height: 24px;}
    
    .is-bg .is-ls a dl dt { bottom: 15px; right: 15px; width: 24px; height: 6px; background-size: 24px 6px;}
}

@media screen and (max-width: 640px) {
    .is-bg { padding: 4.05vh 0 5.2vh;}
	.is-bg .is-ls a { width: 100%;}
    .is-bg .is-ls a:nth-child(n+2) { margin-top: 25px;}
    
    .is-bg .is-ls a div p { height: auto;}
    .is-bg .is-ls a div ul { height: auto;}
}





/* aerospace */

.as-bg { background-color: #fff; font-size: 18px; color: #666; line-height: 32px; padding: 8.45vh 0 11.45vh;}
.as-bg h3 { font-size: 30px; font-weight: normal; color: #00a0e9; line-height: 48px;}
.as-bg h2 { font-family: 'OPPOSans-Bold'; font-size: 36px; font-weight: normal; color: #222; margin: 5.25vh 0 1.85vh;}
.as-bg h5 { font-family: 'OPPOSans-Bold'; font-size: 18px; font-weight: normal; color: #333; margin-top: 5.25vh;}
.as-bg h6 { font-family: 'OPPOSans-Bold'; font-size: 18px; font-weight: normal; color: #333; margin-top: 1.15vh;}
.as-bg p { margin-top: 1.15vh;}
.as-bg span { font-family: 'OPPOSans-Bold'; color: #333;}
.as-bg img { width: auto !important; max-width: 100%; height: auto !important; margin: 2.15vh 0 1.25vh;}

.tj-bg { margin-top: 9.55vh;}
.tj-bg h1 { font-family: 'OPPOSans-Bold'; font-size: 48px; font-weight: normal; color: #222;}
.tj-bg h4 { font-size: 30px; font-weight: normal; color: #00a0e9; line-height: 48px; padding: 2.75vh 0 3.25vh;}
.tj-bg .tj-ls a { width: 30.5%; overflow: hidden; position: relative;}
.tj-bg .tj-ls a img { width: 100%; margin: 0; transition: all 1s ease;}
.tj-bg .tj-ls a:hover img { transform: scale(1.2,1.2);}
.tj-bg .tj-ls a dl { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .25); font-size: 30px; color: #fff; text-align: center; display: flex; justify-content: center; flex-direction: column; opacity: 0; transition: all .5s ease;}
.tj-bg .tj-ls a:hover dl { opacity: 1;}


@media screen and (max-width: 1440px) {
    .as-bg { font-size: 16px; line-height: 30px;}
	.as-bg h3 { font-size: 24px; line-height: 38px;}
	.as-bg h2 { font-size: 30px; margin: 4.15vh 0 1.2vh;}
	.as-bg h5 { font-size: 16px; margin-top: 4.15vh;}
    .as-bg h6 { font-size: 16px;}
	
	.tj-bg h1 { font-size: 40px;}
	.tj-bg h4 { font-size: 24px; line-height: 38px;}
}

@media screen and (max-width: 1024px) {
    .as-bg { font-size: 14px; line-height: 28px; padding: 4.65vh 0 6.95vh;}
	.as-bg h3 { font-size: 18px; line-height: 32px;}
	.as-bg h2 { font-size: 24px;}
	.as-bg h5 { font-size: 14px;}
    .as-bg h6 { font-size: 14px; margin-top: .9vh;}
	.as-bg p { margin-top: .9vh;}
	
	.tj-bg { margin-top: 6.45vh;}
	.tj-bg h1 { font-size: 30px;}
	.tj-bg h4 { font-size: 18px; line-height: 32px; padding: 1.75vh 0 2.65vh;}
}

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





/* service */

.fw-bg { background-color: #fafafa; padding: 9.45vh 0 13.2vh;}
.fw-bg .fw-ls { flex-wrap: wrap;}
.fw-bg .fw-ls a { width: 31%; height: 350px; background-color: #fff; position: relative; transition: all .3s ease;}
.fw-bg .fw-ls a:nth-child(n+4) { margin-top: 3.5%;}

.fw-bg .fw-ls a div { position: absolute; left: 0; bottom: 0; padding: 30px;}
.fw-bg .fw-ls a div h3 { font-family: 'OPPOSans-Bold'; font-size: 30px; font-weight: normal; color: #333; transition: all .3s ease;}
.fw-bg .fw-ls a div p { font-size: 18px; color: #666; line-height: 32px; margin-top: 1.25vh; transition: all .3s ease;}

.fw-bg .fw-ls a dl { position: absolute; right: 30px; top: 30px; width: 40px; overflow: hidden;}
.fw-bg .fw-ls a dl img { width: 100%;}
.fw-bg .fw-ls a dl img:nth-child(2) { display: none;}

.fw-bg .fw-ls a:hover { background-color: #00a0e9;}
.fw-bg .fw-ls a:hover div h3 { color: #fff;}
.fw-bg .fw-ls a:hover div p { color: #fff;}
.fw-bg .fw-ls a:hover dl img:nth-child(1) { display: none;}
.fw-bg .fw-ls a:hover dl img:nth-child(2) { display: block;}


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

@media screen and (max-width: 1024px) {
	.fw-bg { padding: 5.25vh 0 6.9vh;}
	.fw-bg .fw-ls a { height: 250px;}
	
	.fw-bg .fw-ls a div { padding: 20px;}
    .fw-bg .fw-ls a div h3 { font-size: 20px;}
    .fw-bg .fw-ls a div p { font-size: 14px; line-height: 24px; margin-top: 14px;}
	
	.fw-bg .fw-ls a dl { right: 20px; top: 20px; width: 30px;}
}

@media screen and (max-width: 640px) {
	.fw-bg { padding: 4.05vh 0 5.2vh;}
	.fw-bg .fw-ls a { width: 48.25%;}
    .fw-bg .fw-ls a:nth-child(n+3) { margin-top: 3.5%;}
}





/* product */

.pr-bg { background-color: #fafafa; padding-bottom: 8.8vh; position: relative;}
.pr-bg .pr-ig { margin: 5.9vh 0 7.6vh; position: relative;}
.pr-bg .pr-ig a { width: 32.8125%;}
.pr-bg .pr-ig a img { width: 100%;}
.pr-bg .label dl { font-size: 30px; color: #00a0e9; line-height: 48px; margin-top: 1.2vh;}

.ly-bg { background-color: #fafafa; padding-bottom: 13.2vh;}
.ly-bg .ly-ls { flex-wrap: wrap; margin-top: 6.9vh;}
.ly-bg .ly-ls a { align-items: center; width: 48.5%; background-color: #fff; transition: all .4s ease;}
.ly-bg .ly-ls a:nth-child(n+3) { margin-top: 3%;}
.ly-bg .ly-ls a div { width: 50%; padding: 35px;}
.ly-bg .ly-ls a div h2 { font-size: 30px; font-weight: normal; color: #333; transition: all .3s ease;}
.ly-bg .ly-ls a div ul { flex-wrap: wrap; justify-content: flex-start; margin-top: 21px;}
.ly-bg .ly-ls a div ul li { font-size: 18px; color: #666; line-height: 32px; margin-right: 15px; transition: all .3s ease;}
.ly-bg .ly-ls a dl { width: 50%; overflow: hidden; position: relative;}
.ly-bg .ly-ls a dl img { width: 100%; transition: all .5s ease;}
.ly-bg .ly-ls a dl dt { position: absolute; bottom: 25px; right: 25px; width: 30px; height: 8px; background: url(../images/lj-02.png) no-repeat; background-size: 30px 8px;}
.ly-bg .ly-ls a:hover { background-color: #00a0e9;}
.ly-bg .ly-ls a:hover div h2 { color: #fff;}
.ly-bg .ly-ls a:hover div ul li { color: #fff;}
.ly-bg .ly-ls a:hover dl img { transform: scale(1.25,1.25);}

.cl-bg { background-color: #fff; padding-bottom: 11.35vh; position: relative;}
.cl-bg ul { flex-wrap: wrap; margin-top: 5vh;}
.cl-bg ul li { width: 48%;}
.cl-bg ul li:nth-child(n+3) { margin-top: 4%;}
.cl-bg ul li div { background-color: #00a0e9; padding: 18px 20px 15px;}
.cl-bg ul li div h3 { font-family: 'OPPOSans-Bold'; font-weight: normal; font-size: 24px; color: #fff;}
.cl-bg ul li div p { font-size: 16px; color: #fff; line-height: 24px; margin-top: 9px;}
.cl-bg ul li dl { flex-wrap: wrap;}
.cl-bg ul li dl dt { width: 134px; background-color: #f5f5f5; padding: 15px 20px; font-size: 16px; line-height: 30px; margin-top: 1px;}
.cl-bg ul li dl dt:nth-child(2n) { width: calc(100% - 135px);}
.cl-bg ul li dl dt:nth-child(2n+1) { font-family: 'OPPOSans-Bold'; font-size: 18px; color: #333; display: flex; justify-content: center; flex-direction: column;}
.cl-bg ul li dl dt h4 { font-family: 'OPPOSans-Bold'; font-weight: normal; color: #333;}
.cl-bg ul li dl dt h4:nth-child(n+2) { margin-top: 10px;}


@media screen and (max-width: 1440px) {
    .pr-bg .label dl { font-size: 24px; line-height: 38px;}
    
    .ly-bg .ly-ls a div h2 { font-size: 24px;}
    .ly-bg .ly-ls a div ul li { font-size: 16px; line-height: 30px;}
    
    .cl-bg ul li { width: 100%;}
    .cl-bg ul li:nth-child(n+2) { margin-top: 4%;}
    .cl-bg ul li dl dt span { display: none;}
}

@media screen and (max-width: 1024px) {
    .pr-bg { padding-bottom: 5.5vh;}
    .pr-bg .pr-ig { margin: 3.9vh 0 4.95vh;}
    .pr-bg .label dl { font-size: 18px; line-height: 30px;}
    
    .ly-bg { padding-bottom: 8.05vh;}
    .ly-bg .ly-ls { margin-top: 3.9vh;}
    .ly-bg .ly-ls a { width: 100%;}
    .ly-bg .ly-ls a:nth-child(n+2) { margin-top: 3%;}
    .ly-bg .ly-ls a dl dt { bottom: 15px; right: 15px; width: 24px; height: 6px; background-size: 24px 6px;}
    
    .cl-bg { padding-bottom: 6.05vh;}
    .cl-bg ul { margin-top: 4vh;}
    .cl-bg ul li div { padding: 15px 15px 10px;}
    .cl-bg ul li div h3 { font-size: 20px;}
    .cl-bg ul li div p { font-size: 14px;}
    .cl-bg ul li dl dt { width: 112px; padding: 10px 15px; font-size: 14px; line-height: 24px;}
    .cl-bg ul li dl dt:nth-child(2n) { width: calc(100% - 113px);}
    .cl-bg ul li dl dt:nth-child(2n+1) { font-size: 16px;}
}

@media screen and (max-width: 640px) {
    .pr-bg { padding-bottom: 4.75vh;}
    .pr-bg .pr-ig { flex-wrap: wrap; margin: 3.45vh 15px 3.95vh;}
    .pr-bg .pr-ig a { width: 100%;}
    .pr-bg .pr-ig a:nth-child(n+2) { margin-top: 25px;}
    
    .ly-bg { padding-bottom: 5.25vh;}
    .ly-bg .ly-ls { margin-top: 3.1vh;}
    .ly-bg .ly-ls a:nth-child(n+2) { margin-top: 25px;}
    .ly-bg .ly-ls a div { padding: 15px;}
    .ly-bg .ly-ls a div h2 { font-size: 20px;}
    .ly-bg .ly-ls a div ul { margin-top: 12px;}
    .ly-bg .ly-ls a div ul li { font-size: 14px;}
    
    .cl-bg { padding-bottom: 5.25vh;}
    .cl-bg ul { margin-top: 3.1vh;}
    .cl-bg ul li:nth-child(n+2) { margin-top: 25px;}
}





/* news */

.xw-bg { background-color: #fafafa; padding: 9.45vh 0 13.2vh;}
.xw-bg .xw-ls { flex-wrap: wrap; justify-content: flex-start;}
.xw-bg .xw-ls a { width: 31%; height: 350px; background-color: #fff; margin-right: 3.5%; position: relative; 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 div { position: absolute; left: 0; bottom: 0; padding: 30px;}
.xw-bg .xw-ls a div h4 { font-size: 18px; font-weight: normal; color: #999; transition: all .3s ease;}
.xw-bg .xw-ls a div h3 { font-size: 24px; font-weight: normal; color: #333; line-height: 38px; margin-top: 1.7vh; transition: all .3s ease;}
.xw-bg .xw-ls a dl { position: absolute; right: 30px; top: 30px; width: 24px; height: 24px; background: url(../images/jt-01.png); background-size: 24px 24px; transition: all .3s ease;}

.xw-bg .xw-ls a:hover { background-color: #00a0e9;}
.xw-bg .xw-ls a:hover div h4 { color: #fff;}
.xw-bg .xw-ls a:hover div h3 { color: #fff;}
.xw-bg .xw-ls a:hover dl { background-image: url(../Images/jt-02.png);}


@media screen and (max-width: 1440px) {
    .xw-bg .xw-ls a { height: 300px;}
    .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 { padding: 5.25vh 0 6.9vh;}
    .xw-bg .xw-ls a { height: 250px;}
    .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: 1.2vh;}
    .xw-bg .xw-ls a dl { right: 20px; top: 20px; width: 20px; height: 20px; background-size: 20px 20px;}
}

@media screen and (max-width: 640px) {
    .xw-bg { padding: 4.05vh 0 5.2vh;}
    .xw-bg .xw-ls { flex-wrap: wrap;}
    .xw-bg .xw-ls a { width: 100%; height: auto; padding-top: 40px; margin-right: 0;}
    .xw-bg .xw-ls a:nth-child(n+2) { margin-top: 25px;}
    .xw-bg .xw-ls a div { position: relative; left: inherit; bottom: inherit;}
    .xw-bg .xw-ls a dl { width: 16px; height: 16px; background-size: 16px 16px;}
}





/* newsview */

.nv-bg { background-color: #fff; padding: 8.45vh 0 11.45vh;}
.nv-bg .nv-nm h1 {  font-family: 'OPPOSans-Bold'; font-size: 48px; font-weight: normal; color: #222; line-height: 72px;}
.nv-bg .nv-nm dl { font-size: 18px; color: #999; text-transform: uppercase; margin-top: 12px;}
.nv-bg .nv-nm dl span { margin: 0 10px;}
.nv-bg .nv-js { font-size: 18px; color: #666; line-height: 36px; margin-top: 6.5vh;}
.nv-bg .nv-js img { width: auto !important; max-width: 100%; height: auto !important;}
.nv-bg .nv-js strong { display: inline-block; font-family: 'OPPOSans-Bold'; font-weight: normal; color: #333; margin-bottom: 5px;}
.nv-bg .nv-js p { margin-top: 1.5vh;}
.nv-bg .nv-js h2 { font-family: 'OPPOSans-Bold'; font-size: 36px; font-weight: normal; color: #333; line-height: 60px;}
.nv-bg .nv-js h3 { font-family: 'OPPOSans-Bold'; font-size: 24px; font-weight: normal; color: #333; margin-top: 2.5vh;}
.nv-bg .nv-xy { margin-top: 6.5vh;}
.nv-bg .nv-xy a { display: block; font-size: 18px; color: #999; line-height: 30px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; transition: all .3s ease;}
.nv-bg .nv-xy a:hover { color: #00a0e9;}


@media screen and (max-width: 1440px) {
    .nv-bg .nv-nm h1 { font-size: 40px; line-height: 60px;}
    .nv-bg .nv-nm dl { font-size: 16px;}
    .nv-bg .nv-js { font-size: 16px; line-height: 30px;}
    .nv-bg .nv-js h2 { font-size: 30px; line-height: 50px;}
    .nv-bg .nv-js h3 { font-size: 20px;}
    .nv-bg .nv-xy a { font-size: 16px;}
}

@media screen and (max-width: 1024px) {
    .nv-bg { padding: 4.65vh 0 6.95vh;}
    .nv-bg .nv-nm h1 { font-size: 30px; line-height: 45px;}
    .nv-bg .nv-nm dl { font-size: 14px;}
    .nv-bg .nv-js { font-size: 14px; line-height: 28px; margin-top: 4vh;}
    .nv-bg .nv-js h2 { font-size: 24px; line-height: 40px;}
    .nv-bg .nv-js h3 { font-size: 18px;}
    .nv-bg .nv-xy { margin-top: 4vh;}
    .nv-bg .nv-xy a { font-size: 14px;}
}

@media screen and (max-width: 640px) {
    .as-bg { padding: 3.45vh 0 5.25vh;}
    .nv-bg .nv-nm h1 { font-size: 24px; line-height: 36px;}
    .nv-bg .nv-js { margin-top: 3vh;}
    .nv-bg .nv-js h2 { font-size: 20px; line-height: 32px;}
    .nv-bg .nv-js h3 { font-size: 16px;}
    .nv-bg .nv-xy { margin-top: 3vh;}
}





/* contact */

.lx-lb { background-color: #fafafa; padding: 5.5% 0;}
.lx-ls ul { flex-wrap: wrap;}
.lx-ls ul li { display: block; background-color: #fff; width: 30%; height: 300px; cursor: pointer; position: relative; transition: all .3s ease;}
.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 img:nth-child(2) { display: none;}
.lx-ls ul li dl { position: absolute; left: 0; bottom: 0; padding: 0 35px 32px;}
.lx-ls ul li dl h3 { font-family: 'OPPOSans-Bold'; font-size: 30px; font-weight: normal; color: #333; transition: all .3s ease;}
.lx-ls ul li dl p { font-size: 24px; color: #666; margin-top: 15px; transition: all .3s ease;}

.lx-ls ul li:hover { background-color: #00a0e9;}
.lx-ls ul li:hover img:nth-child(1) { display: none;}
.lx-ls ul li:hover img:nth-child(2) { display: block;}
.lx-ls ul li:hover dl h3 { color: #fff;}
.lx-ls ul li:hover dl p { color: #fff;}


@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 23px;}
    .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 div { right: 15px; top: 15px;}
    .lx-ls ul li dl { padding: 0 20px 18px;}
    .lx-ls ul li:nth-child(2) { width: 100%;}
    .lx-ls ul li:nth-child(n+2) { margin-top: 25px;}
}





/* maps */

#map { height: 800px;}
@media screen and ( max-width: 1920px ) {
    #map { height: 650px;}
}
@media screen and ( max-width: 1200px ) {
    #map { height: 600px;}
}
@media screen and ( max-width: 800px ) {
    #map { height: 500px;}
    #map .amap-icon img { width: 80px; margin-left: 28px; margin-top: 28px;}
}
@media screen and ( max-width: 480px ) {
    #map { height: 375px;}
}