/* 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: 107px 0 125px; position: relative;}
.cy-bg .cy-tx { font-size: 16px; color: #666; line-height: 30px;}
.cy-bg .cy-tx p:nth-child(n+2) { margin-top: 25px;}

.cy-bg .cy-ls { margin-top: 68px;}
.cy-bg .cy-ls a { display: block; width: 32%;}
.cy-bg .cy-ls a img { width: 100%;}


@media screen and (max-width: 1920px) {
	.cy-bg { padding: 5.564vw 0 6.5vw;}
    .cy-bg .cy-ls { margin-top: 3.536vw;}
}

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

@media screen and (max-width: 1024px) {    
    .cy-bg .cy-tx { font-size: 14px;}
}

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





/* history */

.hy-bg { background-color: #fff; padding-bottom: 143px; position: relative;}
.hy-bg ul { flex-wrap: wrap;}
.hy-bg ul li { width: 30%; margin-top: 5%;}
.hy-bg ul li h2 { font-size: 24px; color: #333; margin-bottom: 26px;}
.hy-bg ul li p { font-size: 16px; color: #666; line-height: 30px; margin-top: 15px;}	


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

@media screen and (max-width: 1440px) {
    .hy-bg ul li h2 { font-size: 22px;}
    .hy-bg ul li p { font-size: 15px; line-height: 28px;}	
}

@media screen and (max-width: 1024px) {
    .hy-bg ul li { width: 47.5%;}
    .hy-bg ul li h2 { font-size: 20px; margin-bottom: 18px;}
    .hy-bg ul li p { font-size: 14px; margin-top: 5px;}
}

@media screen and (max-width: 640px) {
    .hy-bg ul li { width: 100%; margin-top: 7.5%;}
}





/* culture */

.ce-bg { background-color: #fafafa; padding-bottom: 150px;}
.first-name { padding-top: 87px;}
.first-name h1 { font-size: 40px; color: #222;}
.first-name p { font-size: 16px; color: #999; line-height: 30px; margin-top: 18px;}

.ce-bg ul { flex-wrap: wrap; margin-top: 72px;}
.ce-bg ul li { width: 32%; background-color: #fff; padding: 27px 30px; height: 225px; position: relative;}
.ce-bg ul li:nth-child(n+4) { margin-top: 2%;}
.ce-bg ul li h3 { font-size: 24px; color: #333;}
.ce-bg ul li span { display: block; width: 30px; height: 3px; background-color: #008fd7; margin-top: 14px;}
.ce-bg ul li dl{ position: absolute; left: 0; bottom: 0; font-size: 16px; color: #666; line-height: 30px; padding: 0 30px 28px;}


@media screen and (max-width: 1920px) {
	.ce-bg { padding-bottom: 7.8vw;}
    .first-name { padding-top: 4.524vw;}
    
    .ce-bg ul { margin-top: 3.744vw;}
}

@media screen and (max-width: 1440px) {
    .first-name h1 { font-size: 36px;}
    .first-name p { font-size: 15px; line-height: 28px; margin-top: 14px;}
    
	.ce-bg ul li { padding: 23px 25px; height: 200px;}
    .ce-bg ul li h3 { font-size: 22px;}
    .ce-bg ul li dl{ font-size: 15px; line-height: 28px; padding: 0 25px 24px;}
}

@media screen and (max-width: 1024px) {
    .first-name h1 { font-size: 30px;}
    .first-name p { font-size: 14px; margin-top: 11px;}
    
    .ce-bg ul li { padding: 14px 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 15px;}
}

@media screen and (max-width: 640px) {
    .first-name h1 { font-size: 24px;}
    
    .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: 125px 0 150px;}
.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: 30px;}
.is-bg .is-ls a div h2 { font-size: 30px; font-weight: normal; color: #222; transition: all .3s ease;}
.is-bg .is-ls a div p { font-size: 16px; color: #666; line-height: 30px; margin-top: 21px; height: 90px; overflow: hidden;}

.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: #008fd7;}
.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: 1920px) {
    .is-bg { padding: 6.5vw 0 7.8vw;}
}

@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: 22px 25px 30px;}
    .is-bg .is-ls a div h2 { font-size: 24px;}
    .is-bg .is-ls a div p { font-size: 15px; line-height: 28px; height: 84px; margin-top: 12px;}
}

@media screen and (max-width: 1024px) {
	.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: 18px 20px 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-top: 10px;}
    
    .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 .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;}
}





/* 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: #008fd7;}
.as-bg h2 { font-size: 30px; color: #333;}
.as-bg h3 { font-size: 18px; font-weight: normal; color: #333; margin: 21px 0 6px;}
.as-bg p { margin-top: 15px;}
.as-bg span { color: #333;}
.as-bg img { width: auto !important; max-width: 100%; height: auto !important;}
.as-bg .as-nm { margin-top: 0;}


@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;}
}

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





/* service */

.fw-bg { background-color: #fafafa; padding: 125px 0 150px;}
.fw-bg .fw-ls { flex-wrap: wrap;}
.fw-bg .fw-ls a { width: 31%; height: 400px; background-color: #fff; position: relative; transition: all .3s ease;}

.fw-bg .fw-ls a div { position: absolute; left: 0; bottom: 0; padding: 30px;}
.fw-bg .fw-ls a div h3 { font-size: 30px; color: #333; transition: all .3s ease;}
.fw-bg .fw-ls a div p { font-size: 16px; color: #666; line-height: 30px; margin-top: 15px; 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: #008fd7;}
.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: 1920px) {
    .fw-bg { padding: 6.5vw 0 7.8vw;}
}

@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: 15px; line-height: 28px;}
}

@media screen and (max-width: 1024px) {
	.fw-bg .fw-ls a { height: 350px;}
	
	.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;}
	
	.fw-bg .fw-ls a dl { right: 20px; top: 20px; width: 30px;}
}

@media screen and (max-width: 640px) {
	.fw-bg .fw-ls a { width: 100%; height: 250px;}
    .fw-bg .fw-ls a:nth-child(n+2) { margin-top: 3.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: #008fd7; border-color: #008fd7;}

.pr-ls { flex-wrap: wrap; justify-content: flex-start;}
.pr-ls a { width: 22.75%; margin-right: 3%; background-color: #fff;}
.pr-ls a:nth-child(4n) { margin-right: 0;}
.pr-ls a:nth-child(n+5) { margin-top: 3%;}
.pr-ls a img { width: 100%;}
.pr-ls a h3 { font-size: 16px; color: #666; line-height: 20px; padding: 15px 10px; text-align: center; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; transition:all .3s ease;}
.pr-ls a:hover h3 { color: #fff; background-color: #008fd7;}


@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: 1024px) {
    .fl-ls a { font-size: 16px; line-height: 42px; padding: 0 15px;}
    
    .pr-ls a { width: 31.5%; margin-right: 2.75%;}
    .pr-ls a:nth-child(4n) { 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 h3 { font-size: 15px;}
}

@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 h3 { font-size: 14px;}
}

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





/* Page productview */

.ps-cn { background-color: #fff; padding-bottom: 94px;}
.ps-cn .ps-wz { font-family: "OPPOSans-Ver2-Bold"; font-size: 48px; color: #008fd7; margin: 84px 0 50px;}
.ps-cn .ps-vw { max-width: 1200px; 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-tx { font-size: 16px; color: #666; line-height: 30px; margin-top: 50px;}
.ps-cn .ps-vw .ps-tx h3 { font-size: 30px; color: #008fd7; margin: 75px 0 25px;}
.ps-cn .ps-vw .ps-tx h4 { font-size: 24px; color: #008fd7; margin: 5px 0;}
.ps-cn .ps-vw .ps-tx img { width: auto !important; max-width: 100%; height: auto !important;}
.cs-xy a { display: block; font-size: 16px; color: #999; line-height: 30px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; margin-top: 50px;}

.ps-js .lt { width: 35%;}
.ps-js .rt { width: 60%;}
.ps-js .rt ul { flex-wrap: wrap;}
.ps-js .rt ul li { width: 25%; border-bottom: 1px solid #008fd7; padding: 5px 0 7px;}
.ps-js .rt ul li:nth-child(1), .ps-js ul li:nth-child(2) { border-bottom: 2px solid #008fd7; font-family: "OPPOSans-Ver2-Medium"; font-size: 18px; color: #333;}
.ps-js .rt ul li:nth-child(2n) { width: 75%;}


@media screen and (max-width: 1920px) {
    .ps-cn { padding-bottom: 4.9vw;}
    .ps-cn .ps-wz { margin: 4.4vw 0 2.6vw;}
    .ps-cn .ps-vw .ps-tx { margin-top: 2.6vw;}
}

@media screen and (max-width: 1440px) {
    .ps-cn .ps-wz { font-size: 40px;}
}

@media screen and (max-width: 1024px) {
    .ps-cn .ps-wz { font-size: 30px;}
    .ps-cn .ps-vw .ps-tx { font-size: 14px; line-height: 28px;}
    .ps-cn .ps-vw .ps-tx h3 { font-size: 24px; margin: 50px 0 15px;}
    .ps-cn .ps-vw .ps-tx h4 { font-size: 18px;}
    .cs-xy a { font-size: 16px;}
    
    .ps-js .rt ul li:nth-child(1), .ps-js ul li:nth-child(2) { font-size: 16px;}
}

@media screen and (max-width: 640px) {
    .ps-cn .ps-wz { font-size: 24px;}
    .cs-xy .flex { flex-wrap: wrap;}
    .cs-xy a { width: 100%; margin-top: 25px;}
    .cs-xy a:nth-child(2) { margin-top: 0;}
    
    .ps-js { flex-wrap: wrap;}
    .ps-js .lt { width: 100%;}
    .ps-js .rt { width: 100%; margin-top: 40px;}
}





/* 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; padding: 125px 0 150px;}
.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-family: 'Gotham Book'; font-size: 18px; font-weight: normal; color: #999; transition: all .3s ease;}
.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 dl { position: absolute; right: 23px; top: 14px; font-family: 'Gotham Book'; font-size: 48px; color: rgba(0, 0, 0, 0.05);/*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: #008fd7;}
.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 { color: rgba(255, 255, 255, 0.15);/*background-image: url(../Images/jt-02.png);*/}


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

@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 .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: 16px;}
    .xw-bg .xw-ls a dl { right: 13px; top: 6px; font-size: 36px;/*width: 20px; height: 20px; background-size: 20px 20px;*/}
}

@media screen and (max-width: 640px) {
    .xw-bg .xw-ls { flex-wrap: wrap;}
    .xw-bg .xw-ls a { width: 100%; height: auto; padding-top: 50px; 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: 112px 0 144px;}
.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: 14px;}
.nv-bg .nv-nm dl span { font-family: 'Gotham Book'; margin-right: 10px;}
.nv-bg .nv-js { font-size: 16px; color: #666; line-height: 30px; margin-top: 88px;}
.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-Ver2-Medium'; font-weight: normal; color: #333; margin-bottom: 5px;}
.nv-bg .nv-xy { margin-top: 88px;}
.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: #008fd7;}


@media screen and (max-width: 1920px) {
    .nv-bg { padding: 5.85vw 0 7.48vw;}
	.nv-bg .nv-js { margin-top: 4.55vw;}
	.nv-bg .nv-xy { margin-top:  4.55vw;}
}

@media screen and (max-width: 1440px) {
    .nv-bg .nv-nm h1 { font-size: 36px; line-height: 54px;}
}

@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-js { font-size: 14px; line-height: 28px;}
    .nv-bg .nv-js h2 { font-size: 24px; line-height: 40px;}
    .nv-bg .nv-xy a { font-size: 14px;}
}

@media screen and (max-width: 640px) {
    .nv-bg .nv-nm h1 { 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: #008fd7;}
.flip a.pgNt { color: #008fd7;}
.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: #008fd7;}


@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-lb { background-color: #fafafa; padding: 125px 0 150px;}
.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-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 dl p span { font-family: 'Gotham Book';}

.lx-ls ul li:hover { background-color: #008fd7;}
.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: 1920px) {
    .lx-lb { padding: 6.5vw 0 7.8vw;}
}

@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;}
#map .amap-icon img { width: 80px;}

@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: 60px; margin-left: 15px; margin-top: 30px;}
}
@media screen and ( max-width: 480px ) {
    #map { height: 375px;}
}