/* Css Flash */

.swiper1 { --swiper-pagination-color: #fff; --swiper-theme-color: #fff;}
.swiper1 .swiper-slide a { display: block; width: 100%; height: 100%;}
.swiper1 .swiper-slide a img { width: 100%;}
.swiper1 .swiper-slide a img:nth-child(2) { display: none;}
.swiper-pagination1 { margin-bottom: 22px;}


@media screen and (max-width: 1024px) {
    .swiper1 .swiper-slide a img:nth-child(1) { display: none;}
    .swiper1 .swiper-slide a img:nth-child(2) { display: block;}
    .swiper-pagination1 { margin-bottom: 12px;}
}

@media screen and (max-width: 640px) {
    .swiper-pagination1 { margin-bottom: 7px;}
}





/* Css About */
.ab-bg { background: #fff url(../Images/abbg.jpg) no-repeat center; background-size: cover; padding-bottom: 9.35vh;}
.ab-bg .ab-nr { padding: 0 5.3125% 0 6.25%;}
.ab-bg .ab-nr .ab-zb { width: 46%;}
.ab-bg .ab-nr .ab-zb h1 { font-size: 48px; font-weight: normal; color: #333; line-height: 60px; margin: 8.4vh 0 4vh;}
.ab-bg .ab-nr .ab-zb p { font-size: 18px; color: #666; line-height: 36px;}
.more { display: inline-block; margin-top: 5.45vh;}
.more div { display: flex; justify-content: flex-start; align-items: center;}
.more div dl { width: 80px; height: 80px; background: #1096d5 url(../Images/jiantou.png) no-repeat center; border-radius: 50%; margin-right: 20px; transition: all .3s ease;}
.more:hover div dl { background-color: #22aff0; margin-right: 30px; transform: rotate(45deg);}
.more div span { display: block; font-size: 24px; color: #1096d5;}
.more:hover div span { color: #22aff0;}

.ab-bg .ab-nr .ab-yb { width: 39.25%; padding-top: 42.5vh;}
.ab-bg .ab-nr .ab-yb ul { flex-wrap: wrap;}
.ab-bg .ab-nr .ab-yb ul li { width: 100%; border-bottom: 1px solid #e8e8e8; line-height: 124px; cursor: pointer; transition: all .5s ease;}
.ab-bg .ab-nr .ab-yb ul li:hover { background-color: #1096d5; padding: 0 25px;}
.ab-bg .ab-nr .ab-yb ul li div { display: flex; justify-content: flex-start; align-items: baseline;}
.ab-bg .ab-nr .ab-yb ul li div h2 { font-family: 'Gotham Bold'; font-size: 60px; color: #1096d5; letter-spacing: -2px; transition: all .3s ease;}
.ab-bg .ab-nr .ab-yb ul li div h4 { font-size: 18px; font-weight: normal; color: #999; line-height: 30px; margin-left: 2px; transition: all .3s ease;}
.ab-bg .ab-nr .ab-yb ul li dl { font-size: 24px; color: #666; transition: all .3s ease;}
.ab-bg .ab-nr .ab-yb ul li:hover div h2, .ab-bg .ab-nr .ab-yb ul li:hover div h4, .ab-bg .ab-nr .ab-yb ul li:hover dl { color: #fff;}

@media screen and (max-width: 2280px) {
    .ab-bg { background-size: contain;}
}

@media screen and (max-width: 1920px) {
    .ab-bg .ab-nr .ab-yb { padding-top: 34.5vh;}
}

@media screen and (max-width: 1440px) {
    .ab-bg .ab-nr .ab-zb h1 { font-size: 40px; line-height: 50px; margin: 6.05vh 0 3.1vh;}
    .ab-bg .ab-nr .ab-zb p { font-size: 16px; line-height: 30px;}
    .more { margin-top: 4.35vh;}
    .more div dl { width: 60px; height: 60px; background-size: 16px 16px;}
    .more div span { font-size: 20px;}
    
    .ab-bg .ab-nr .ab-yb { padding-top: 29.5vh;}
    .ab-bg .ab-nr .ab-yb ul li { line-height: 114px;}
    .ab-bg .ab-nr .ab-yb ul li div h2 { font-size: 48px;}
    .ab-bg .ab-nr .ab-yb ul li div h4 { font-size: 16px;}
    .ab-bg .ab-nr .ab-yb ul li dl { font-size: 20px;}
}

@media screen and (max-width: 1200px) {
    .ab-bg { padding-bottom: 6.45vh;}
    .ab-bg .ab-nr { padding: 0;}
    .ab-bg .ab-nr .ab-zb { width: 48.5%;}
    .ab-bg .ab-nr .ab-zb h1 { font-size: 36px; line-height: 45px; margin: 5vh 0 2.2vh;}
    .ab-bg .ab-nr .ab-zb p { font-size: 15px;}
    .more { margin-top: 3.55vh;}
    .more div dl { width: 50px; height: 50px; background-size: 14px 14px;}
    .more div span { font-size: 18px;}
    
    .ab-bg .ab-nr .ab-yb { padding-top: 18.5vh;}
    .ab-bg .ab-nr .ab-yb ul li { line-height: 84px;}
    .ab-bg .ab-nr .ab-yb ul li div h2 { font-size: 36px;}
    .ab-bg .ab-nr .ab-yb ul li div h4 { font-size: 14px;}
    .ab-bg .ab-nr .ab-yb ul li dl { font-size: 16px;}
}

@media screen and (max-width: 1024px) {
    .ab-bg { padding-bottom: 5.65vh;}
    .ab-bg .ab-nr .ab-zb h1 { font-size: 30px; line-height: 40px; margin: 4.2vh 0 2.2vh;}
}

@media screen and (max-width: 768px) {
    .ab-bg .ab-nr { flex-wrap: wrap;}
    .ab-bg .ab-nr .ab-zb { width: 100%;}

    .ab-bg .ab-nr .ab-yb { width: 100%; padding-top: 3.3vh;}
    .ab-bg .ab-nr .ab-yb ul li { width: 47.5%;}
}

@media screen and (max-width: 640px) {
    .ab-bg { padding-bottom: 4.85vh;}
    .ab-bg .ab-nr .ab-zb h1 { font-size: 24px; line-height: 36px; margin: 3.4vh 0 1.95vh;}
    .ab-bg .ab-nr .ab-zb p { font-size: 14px; line-height: 24px;}
    .more { margin-top: 3.2vh;}
    .more div dl { width: 44px; height: 44px; background-size: 12px 12px;}
    .more div span { font-size: 16px;}
    
    .ab-bg .ab-nr .ab-yb ul li { line-height: 64px;}
    .ab-bg .ab-nr .ab-yb ul li:hover { padding: 0 15px;}
    .ab-bg .ab-nr .ab-yb ul li div h2 { font-size: 30px;}
}

@media screen and (max-width: 480px) {
    .ab-bg .ab-nr .ab-yb ul li { width: 46.5%; flex-wrap: wrap; line-height: 30px; padding: 20px 0 10px;}
    .ab-bg .ab-nr .ab-yb ul li div, .ab-bg .ab-nr .ab-yb ul li dl { width: 100%;}
    .ab-bg .ab-nr .ab-yb ul li div h4 { line-height: 24px; margin-left: 4px;}
}





/* Css History */

.lc-bg { background: url(../Images/lcbg.jpg) no-repeat center bottom; background-size: cover; padding: 42.25vh 0 9.25vh; position: relative;}
.lc-bg .lc-bj { position: absolute; left: 0; top: 0; width: 100%;}
.title { padding-top: 8.4vh;}
.title h1 { font-size: 48px; font-weight: normal; color: #333; line-height: 60px;}
.title p { font-size: 18px; color: #666; line-height: 30px; margin-top: 3.1vh;}

.lc-bg .lc-qx { margin-top: -24.7vw;}
.lc-bg .lc-qx img { width: 100%;}

.lc-bg ul { display: flex; justify-content: flex-start; position: relative;}
.lc-bg ul li { width: 17.5%; padding: 0 15px; text-align: center; cursor: pointer;}
.lc-bg ul li:first-child { margin-left: 10.625%;}
.lc-bg ul li h3 { font-family: 'OPPOSans-Bold'; font-size: 24px; font-weight: normal; color: #1096d5;}
.lc-bg ul li h4 { font-size: 16px; font-weight: normal; color: #666; line-height: 24px; margin-top: 10px;}
.lc-bg ul li h5 { background: url(../Images/lcsd-02.png) no-repeat center; height: 70px; font-family: 'Gotham Book'; font-size: 18px; font-weight: normal; color: #fff; padding-top: 32px; margin-bottom: 25px; transition: all .3s ease;}
.lc-bg ul li:hover h5 { font-size: 36px; color: #333; padding-top: 19px;}
.lc-bg ul li p { width: 2px; height: 10.4vw; background: linear-gradient(to top, #5db9e3, #1096d5); margin: 0 auto;}
.lc-bg ul li:nth-child(2n) p { height: 5.2vw;}
.lc-bg ul li:nth-child(1) { margin-top: -5.25vw;}
.lc-bg ul li:nth-child(2) { margin-top: -0.15vw;}
.lc-bg ul li:nth-child(3) { margin-top: -10.35vw;}
.lc-bg ul li:nth-child(4) { margin-top: -19.65vw;}
.lc-bg ul li:nth-child(5) { margin-top: -20.05vw;}

.lc-bg .lc-sm li:first-child { margin-left: 1.875%;}
.lc-bg .lc-sm li:nth-child(2n) p { height: 10.4vw;}
.lc-bg .lc-sm li:nth-child(1) { margin-top: 5vw;}
.lc-bg .lc-sm li:nth-child(2) { margin-top: 0;}
.lc-bg .lc-sm li:nth-child(3) { margin-top: -6.6vw;}
.lc-bg .lc-sm li:nth-child(4) { margin-top: -9.85vw;}
.lc-bg .lc-sm li:nth-child(5) { margin-top: -9.5vw;}
.lc-bg .lc-sm li h5 { background-image: url(../Images/lcsd-01.png); padding-top: 16px; margin-bottom: 0; margin-top: 21px;}
.lc-bg .lc-sm li:hover h5 { padding-top: 6px;}
.lc-bg .lc-sm li p { height: 5.2vw; background: linear-gradient(to bottom, #5db9e3, #1096d5);}
.lc-bg .lc-sm li:nth-child(2n) p { height: 10.4vw;}

.lc-bg dl { display: none; margin: 4.5vh 15px 0;}
.lc-bg dl dd { display: flex; justify-content: space-between; align-items: center;}
.lc-bg dl dd:nth-child(n+2) { margin-top: 3.3vh;}
.lc-bg dl dd .sz { width: 40px; height: 54px; background: url(../Images/lcsd-02.png) no-repeat center; background-size: 40px 54px; font-family: 'Gotham Book'; font-size: 14px; color: #fff; padding-top: 26px; text-align: center;}
.lc-bg dl dd .js { width: calc(100% - 55px);}
.lc-bg dl dd .js h3 { font-family: 'OPPOSans-Bold'; font-size: 18px; font-weight: normal; color: #1096d5;}
.lc-bg dl dd .js h4 { font-size: 14px; font-weight: normal; color: #666; line-height: 22px; margin-top: 10px;}


@media screen and (max-width: 2048px) {
    .lc-bg .lc-qx { margin-top: -24.85vw;}
    
    .lc-bg .lc-sm li:nth-child(1) { margin-top: 5.5vw;}
    .lc-bg .lc-sm li:nth-child(3) { margin-top: -6.7vw;}
    .lc-bg .lc-sm li:nth-child(4) { margin-top: -9.9vw;}
    .lc-bg .lc-sm li:nth-child(5) { margin-top: -9.4vw;}
}

@media screen and (max-width: 1920px) {
    .lc-bg { padding: 39.25vh 0 9.85vh;}
    
    .lc-bg ul li:nth-child(3) { margin-top: -10.45vw;}
    .lc-bg ul li:nth-child(4) { margin-top: -19.85vw;}
    .lc-bg ul li:nth-child(5) { margin-top: -20.15vw;}
    
    .lc-bg .lc-sm li:nth-child(1) { margin-top: 5.65vw;}
    .lc-bg .lc-sm li:nth-child(4) { margin-top: -9.95vw;}
    .lc-bg .lc-sm li:nth-child(5) { margin-top: -9.3vw;}
}

@media screen and (max-width: 1680px) {
    .lc-bg .lc-sm li:nth-child(1) { margin-top: 6vw;}
    .lc-bg .lc-sm li:nth-child(3) { margin-top: -6.65vw;}
    .lc-bg .lc-sm li:nth-child(5) { margin-top: -9.1vw;}
}

@media screen and (max-width: 1440px) {
    .lc-bg { padding: 28.9vh 0 7.85vh;}
    .title { padding-top: 6.05vh;}
    .title h1 { font-size: 40px; line-height: 50px;}
    .title p { font-size: 16px; line-height: 28px; margin-top: 2.35vh;}

    .lc-bg ul li h3 { font-size: 20px;}
    .lc-bg ul li h4 { font-size: 14px; line-height: 22px;}
    .lc-bg ul li h5 { height: 54px; font-size: 14px; padding-top: 26px; background-size: 40px 54px;}
    .lc-bg ul li:hover h5 { font-size: 30px; padding-top: 15px;}
    
    .lc-bg .lc-sm li dl { padding-top: 12px;}
    .lc-bg .lc-sm li:hover dl { padding-top: 3px;}
    .lc-bg .lc-sm li:nth-child(1) { margin-top: 6.25vw;}
    .lc-bg .lc-sm li:nth-child(4) { margin-top: -9.9vw;}
    .lc-bg .lc-sm li:nth-child(5) { margin-top: -9vw;}
}

@media screen and (max-width: 1200px) {
	.lc-bg { padding: 24.05vh 0 5.85vh;}
	.title { padding-top: 5vh;}
    .title h1 { font-size: 36px; line-height: 45px;}
    .title p { font-size: 15px; line-height: 26px; margin-top: 1.55vh;}
	
    .lc-bg ul li h4 br { display: none;}
    
    .lc-bg .lc-sm li:nth-child(1) { margin-top: 6.85vw;}
	.lc-bg .lc-sm li:nth-child(3) { margin-top: -8.55vw;}
    .lc-bg .lc-sm li:nth-child(5) { margin-top: -8.75vw;}
}

@media screen and (max-width: 1024px) {
	.lc-bg { padding: 0 0 5.85vh;}
	.lc-bg .lc-bj { position: relative; left: inherit; top: inherit;}
	
	.title { padding-top: 4.2vh;}
    .title h1 { font-size: 30px; line-height: 40px;}
    .title p br { display: none;}
	
	.lc-bg .lc-qx { display: none;}
	.lc-bg ul { display: none;}
	
	.lc-bg dl { display: block;}
}

@media screen and (max-width: 640px) {
	.lc-bg { padding: 0 0 4.55vh;}
	.title { padding-top: 3.4vh;}
    .title h1 { font-size: 24px; line-height: 36px;}
	.title p { font-size: 14px; line-height: 24px; margin-top: 9px;}
	
    .lc-bg dl { margin: 3.65vh 15px 0;}
}









/* Css Strength */
.ig-bg { background-color: #fff; position: relative;}
.ig-bg .ig-bj { position: absolute; left: 0; top: 0; width: 100%; z-index: 99;}
.gallery-top .swiper-slide { position: relative;}
.gallery-top .swiper-slide img { width: 100%;}
.gallery-top .swiper-slide dl { position: absolute; left: 0; top: 61.7%; padding: 0 8.333333%;}
.gallery-top .swiper-slide dl h4 { font-size: 36px; font-weight: normal; color: #333;}
.gallery-top .swiper-slide dl p { font-size: 18px; color: #666; line-height: 30px; margin-top: 26px;}
.ig-an { position: absolute; left: 8.333333%; top: 45.7%; width: 400px;}
.gallery-thumbs .swiper-slide { background: url(../Images/pro-02.png) no-repeat center; background-size: cover; cursor: pointer; transition: all .3s ease;}
.gallery-thumbs .swiper-slide:hover, .gallery-thumbs .swiper-slide-thumb-active { background-image: url(../Images/pro.png);}
.gallery-thumbs .swiper-slide img { width: 100%;}


@media screen and (max-width: 1440px) {
    .gallery-top .swiper-slide dl { top: 71%; padding: 0 3.5%;}
    .gallery-top .swiper-slide dl h4 { font-size: 24px;}
    .gallery-top .swiper-slide dl p { font-size: 16px; line-height: 32px; margin-top: 17px;}
    .ig-an { left: 3.5%; top: 52.5%; width: 300px;}
}

@media screen and (max-width: 1024px) {
    .gallery-top .swiper-slide dl { padding: 0 15px;}
    .gallery-top .swiper-slide dl h4 { font-size: 20px;}
    .gallery-top .swiper-slide dl p { font-size: 14px; line-height: 28px; margin-top: 14px;}
    .ig-an { left: 15px; width: 200px;}
}

@media screen and (max-width: 768px) {
    .ig-bg .ig-bj { position: relative; left: inherit; top: inherit;}
    .gallery-top .swiper-slide dl { top: 40%; padding: 0 60% 0 15px;}
    .gallery-top .swiper-slide dl p { line-height: 26px; margin-top: 12px;}
    .gallery-top .swiper-slide dl p br { display: none;}
    .ig-an { top: 45%; width: 150px;}
}

@media screen and (max-width: 640px) {
    .gallery-top .swiper-slide dl { top: 40%;}
    .ig-an { top: 40%; width: 120px;}
}

@media screen and (max-width: 480px) {
    .gallery-top .swiper-slide dl { top: 35px;}
    .ig-an { position: relative; margin-bottom: 11vw}
}





/* Css Partner */

.hz-bg { background: url(../Images/hzbg.jpg) no-repeat center; background-size: cover; padding-bottom: 11vh; overflow: hidden;}
.hz-bg .hz-zb { width: 43.25%;}
.hz-bg .hz-zb .hz-ls .hz-nm { align-items: flex-end; margin: 15.2vh 0 29px;}
.hz-bg .hz-zb .hz-ls .hz-nm h2 { font-size: 30px; font-weight: normal; color: #333;}
.hz-bg .hz-zb .hz-ls .hz-nm .hz-fy { width: 70px; margin-bottom: 6px;}
.hz-bg .hz-zb .hz-ls .hz-nm .hz-fy .swiper-button-prev, .hz-bg .hz-zb .hz-ls .hz-nm .hz-fy .swiper-button-next { position: relative; width: 30px; height: 30px; opacity: 1; background-repeat: no-repeat; background-position: center; background-size: 6px 10px; border: 1px solid #e9e9e9; border-radius: 50%; transition: all .3s ease;}
.hz-bg .hz-zb .hz-ls .hz-nm .hz-fy .swiper-button-prev { background-image: url(../Images/jt01.png);}
.hz-bg .hz-zb .hz-ls .hz-nm .hz-fy .swiper-button-next { background-image: url(../Images/jt02.png);}
.hz-bg .hz-zb .hz-ls .hz-nm .hz-fy .swiper-button-prev:hover, .hz-bg .hz-zb .hz-ls .hz-nm .hz-fy .swiper-button-next:hover { border-color: #1096d5; background-color: #1096d5;}
.hz-bg .hz-zb .hz-ls .hz-nm .hz-fy .swiper-button-prev:hover { background-image: url(../Images/jt01-02.png);}
.hz-bg .hz-zb .hz-ls .hz-nm .hz-fy .swiper-button-next:hover { background-image: url(../Images/jt02-02.png);}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next { left: 0;}
.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after { content: '';}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev { right: 0;}
.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after { content: '';}
.swiper2 img { width: 100%; border-radius: 10px; cursor: pointer;}

.hz-bg .hz-yb { width: 35.5%; position: relative;}
.hz-bg .hz-yb img { width: 100%;}
.hz-bg .hz-yb .hz-gj { position: absolute; left: 0; top: 0; width: 100%; text-align: center;}
.hz-bg .hz-yb .hz-gj h2 { font-size: 30px; font-weight: normal; color: #333; line-height: 40px; margin-top: 7.35vh;}
.hz-bg .hz-yb .hz-gj p { font-size: 30px; color: #1096d5; line-height: 22px;}


@media screen and (max-width: 1440px) {
    .hz-bg { padding-bottom: 9.3vh;}
    
    .hz-bg .hz-yb .hz-gj h2 { margin-top: 5.3vh;}
}

@media screen and (max-width: 1200px) {
    .hz-bg { padding-bottom: 8.1vh;}
    .hz-bg .hz-zb .hz-ls .hz-nm { margin-bottom: 20px;}
    .hz-bg .hz-zb .hz-ls .hz-nm h2 { font-size: 24px;}
    .hz-bg .hz-zb .hz-ls .hz-nm .hz-fy { margin-bottom: 5px;}
    
    .hz-bg .hz-yb .hz-gj h2 { font-size: 24px; line-height: 32px; margin-top: 4.3vh;}
    .hz-bg .hz-yb .hz-gj p { font-size: 24px; line-height: 20px;}
}

@media screen and (max-width: 1024px) {
    .hz-bg { padding-bottom: 6.05vh;}
    
    .hz-bg .hz-yb .hz-gj h2 { margin-top: 3.5vh;}
}

@media screen and (max-width: 768px) {
    .hz-bg .flex { flex-wrap: wrap;}
    .hz-bg .hz-zb { width: 100%;}
    .hz-bg .hz-zb .hz-ls .hz-nm { margin-top: 7.1vh;}
    
    .hz-bg .hz-yb { width: 60%; margin: 6.85vh 20% 0;}
}

@media screen and (max-width: 640px) {
    .hz-bg { padding-bottom: 4.85vh;}
    .hz-bg .hz-zb .hz-ls .hz-nm { margin-top: 5.2vh; margin-bottom: 21px;}
    .hz-bg .hz-zb .hz-ls .hz-nm h2 { font-size: 20px;}
    .hz-bg .hz-zb .hz-ls .hz-nm .hz-fy { margin-bottom: 4px;}
    
    .hz-bg .hz-yb { margin: 5.85vh 20% 0;}
    .hz-bg .hz-yb .hz-gj h2 { font-size: 20px; line-height: 28px; margin-top: 4.5vh;}
    .hz-bg .hz-yb .hz-gj p { font-size: 20px;}
}

@media screen and (max-width: 480px) {
    .swiper2 img { border-radius: 5px;}
    
    .hz-bg .hz-yb { width: 80%; margin: 5.85vh 10% 0;}
}





/* Css Base */

.jd-bg { position: relative;}
.jd-bg .img { width: 100%;}
.jd-bg .jd-bj { position: absolute; left: 0; top: 0; width: 100%;}

.jd-bg .jd-cj { position: absolute; width: 17.708333%; text-align: center;}
.jd-bg .new { left: 26.5%; top: 42%;}
.jd-bg .old { left: 64.5%; top: 20%;}
.jd-bg .jd-cj a { display: block;}
.jd-bg .jd-cj a dl { width: 76.470588%; margin: auto; position: relative;}
.jd-bg .jd-cj a dl img { width: 100%;}
.jd-bg .jd-cj a dl h3 { position: absolute; left: 0; bottom: 15.25%; width: 100%; font-size: 18px; font-weight: normal; color: #fff; line-height: 24px; transition: all .3s ease;}
.jd-bg .jd-cj a:hover dl h3 { bottom: 10%; font-size: 36px; color: #333; line-height: 40px;}
.jd-bg .jd-cj a p { font-size: 24px; color: #1096d5; line-height: 34px; margin-top: 23px;}

.jd-bg .jd-lj { position: absolute; right: 75px; bottom: 75px; width: 400px; background-color: #1096d5; border-radius: 35px;}
.jd-bg .jd-lj a { display: block; width: 50%; font-size: 24px; color: #fff; line-height: 70px; text-align: center; border-radius: 35px;}
.jd-bg .jd-lj a:last-child { background-color: #15833b;}

@media screen and (max-width: 1440px) {
    .jd-bg .jd-cj a dl h3 { bottom: 14.25%; font-size: 16px; line-height: 20px;}
    .jd-bg .jd-cj a:hover dl h3 { font-size: 24px; line-height: 30px;}
    .jd-bg .jd-cj a p { font-size: 20px; line-height: 30px; margin-top: 13px;}
    
    .jd-bg .jd-lj { right: 50px; bottom: 50px; width: 250px;}
    .jd-bg .jd-lj a { font-size: 18px; line-height: 50px;}
}

@media screen and (max-width: 1200px) {
    .jd-bg .jd-cj a dl h3 { font-size: 14px; line-height: 18px;}
    .jd-bg .jd-cj a:hover dl h3 { font-size: 20px; line-height: 24px;}
    .jd-bg .jd-cj a p { font-size: 18px; line-height: 28px; margin-top: 14px;}
}

@media screen and (max-width: 1024px) {
    .jd-bg { background: url(../Images/jdbg.jpg) no-repeat center; background-size: cover; padding-bottom: 6.8vh;}
    .jd-bg .img { display: none;}
    .jd-bg .jd-bj { position: relative; left: inherit; top: inherit;}
    
    .jd-bg .jd-cj { position: relative; width: 50%; margin: 0 25%;}
    .jd-bg .new { left: inherit; top: inherit; margin-top: 6.5vh;}
    .jd-bg .old { left: inherit; top: inherit; margin-top: 7.7vh;}
    
    .jd-bg .jd-lj { position: relative; right: inherit; bottom: inherit; width: 60%; margin: 8.9vh auto 0;}
}

@media screen and (max-width: 640px) {
    .jd-bg { padding-bottom: 4.85vh;}
    
    .jd-bg .jd-cj { width: 100%; margin: 0;}
    .jd-bg .new { margin-top: 4.9vh;}
    .jd-bg .old { margin-top: 6.4vh;}
    .jd-bg .jd-cj a dl { width: 40.625%;}
    
    .jd-bg .jd-lj { margin: 7.7vh auto 0;}
}





/* Css News */

.ns-bg { background-color: #fff; padding-bottom: 14.3vh;}
.ns-bg .ns-ls { margin-top: 7.8vh;}
.ns-bg .ns-ls .ns-zb { width: 59%;}
.ns-bg .ns-ls .ns-zb a { display: block; width: 48.940678%;}
.ns-bg .ns-ls .ns-zb a div { overflow: hidden;}
.ns-bg .ns-ls .ns-zb a div p { width: 100%; height: 302px; background-repeat: no-repeat; background-position: center; background-size: cover; transition: all .5s ease;}
.ns-bg .ns-ls .ns-zb a:hover div p { transform: scale(1.2,1.2);}
.ns-bg .ns-ls .ns-zb a div p img { display: none; width: 100%;}
.ns-bg .ns-ls .ns-zb a dl { width: 100%; height: 173px; background-color: #f5f5f5; padding: 17px 25px; overflow: hidden; position: relative; transition: all .3s ease;}
.ns-bg .ns-ls .ns-zb a:hover dl { background-color: #1096d5;}
.ns-bg .ns-ls .ns-zb a dl h2 { font-size: 24px; font-weight: normal; color: #4a4a4a; line-height: 36px; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; transition: all .3s ease;}
.ns-bg .ns-ls .ns-zb a dl h3 { position: absolute; left: 25px; bottom: 25px; font-family: 'Gotham Book'; font-size: 18px; font-weight: normal; color: #999; line-height: 1; transition: all .3s ease;}
.ns-bg .ns-ls .ns-zb a:hover dl h2, .ns-bg .ns-ls .ns-zb a:hover dl h3 { color: #fff;}

.ns-bg .ns-ls .ns-yb { width: 37%; border-top: 1px solid #f5f5f5;}
.ns-bg .ns-ls .ns-yb a { line-height: 78px; border-bottom: 1px solid #f5f5f5; background-color: #fff; transition: all .5s ease;}
.ns-bg .ns-ls .ns-yb a:hover { padding: 0 20px; background-color: #1096d5;}
.ns-bg .ns-ls .ns-yb a dl { width: 70%; font-size: 20px; color: #4a4a4a; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; transition: all .3s ease;}
.ns-bg .ns-ls .ns-yb a p { font-family: 'Gotham Book'; font-size: 16px; color: #999; transition: all .3s ease;}
.ns-bg .ns-ls .ns-yb a:hover dl, .ns-bg .ns-ls .ns-yb a:hover p { color: #fff;}


@media screen and (max-width: 1440px) {
	.ns-bg { padding-bottom: 10.2vh;}
	.ns-bg .ns-ls { margin-top: 5.8vh;}
    .ns-bg .ns-ls .ns-zb a div p { height: 253px;}
    .ns-bg .ns-ls .ns-zb a dl { height: 150px; padding: 14px 20px;}
    .ns-bg .ns-ls .ns-zb a dl h2 { font-size: 20px; line-height: 30px;}
    .ns-bg .ns-ls .ns-zb a dl h3 { left: 20px; bottom: 20px; font-size: 16px;}

    .ns-bg .ns-ls .ns-yb a { line-height: 66px;}
    .ns-bg .ns-ls .ns-yb a dl { font-size: 18px;}
    .ns-bg .ns-ls .ns-yb a p { font-size: 14px;}
}

@media screen and (max-width: 1200px) {
	.ns-bg { padding-bottom: 9.4vh;}
	.ns-bg .ns-ls { margin-top: 4.6vh;}
}

@media screen and (max-width: 1024px) {
	.ns-bg { padding-bottom: 8.2vh;}
	.ns-bg .ns-ls { margin-top: 3.8vh;}
    .ns-bg .ns-ls .ns-zb a div p { height: 200px;}
    .ns-bg .ns-ls .ns-zb a dl { height: 119px; padding: 14px 15px;}
    .ns-bg .ns-ls .ns-zb a dl h2 { font-size: 18px; line-height: 27px;}
    .ns-bg .ns-ls .ns-zb a dl h3 { left: 15px; bottom: 14px; font-size: 14px;}

    .ns-bg .ns-ls .ns-yb a { line-height: 52px;}
    .ns-bg .ns-ls .ns-yb a:hover { padding: 0 15px;}
    .ns-bg .ns-ls .ns-yb a dl { font-size: 16px;}
    .ns-bg .ns-ls .ns-yb a p { font-size: 13px;}
}

@media screen and (max-width: 768px) {
    .ns-bg .ns-ls { flex-wrap: wrap;}
    .ns-bg .ns-ls .ns-zb { width: 100%;}
    .ns-bg .ns-ls .ns-zb a div p { height: auto;}
    .ns-bg .ns-ls .ns-zb a div p img { display: block;}
    .ns-bg .ns-ls .ns-zb a dl { height: 110px; padding: 9px 15px;}
    
    .ns-bg .ns-ls .ns-yb { width: 100%; border-top: none; margin-top: 20px;}
    .ns-bg .ns-ls .ns-yb a { line-height: 49px;}
}

@media screen and (max-width: 640px) {
	.ns-bg { padding-bottom: 6.1vh;}
	.ns-bg .ns-ls { margin-top: 2.8vh;}
}

@media screen and (max-width: 480px) {
    .ns-bg .ns-ls .ns-zb { flex-wrap: wrap;}
    .ns-bg .ns-ls .ns-zb a { width: 100%;}
    .ns-bg .ns-ls .ns-zb a:nth-child(n+2) { margin-top: 5%;}
    .ns-bg .ns-ls .ns-zb a dl { height: auto; padding: 8px 15px 14px;}
    .ns-bg .ns-ls .ns-zb a dl h2 { font-size: 16px;}
    .ns-bg .ns-ls .ns-zb a dl h3 { position: relative; left: 0; bottom: 0; margin-top: 8px;}
    .ns-bg .ns-ls .ns-yb { margin-top: 15px;}
    .ns-bg .ns-ls .ns-yb a { line-height: 44px;}
    .ns-bg .ns-ls .ns-yb a dl { font-size: 15px;}
}