/* bannner */

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





/* public */

.title { padding-top: 94px;}
.title dl { font-size: 18px; color: #1e95d4;}
.title h1, .title h2 { font-size: 40px; color: #222; line-height: 60px; margin-top: 3px;}
.title p { font-size: 16px; color: #666; line-height: 32px; margin-top: 7px;}
.more { width: 38px; height: 38px; font-size: 22px; color: #fff; line-height: 34px; text-align: center; transition: all .3s ease;}


@media screen and (max-width: 1920px) {
    .title { padding-top: 4.888vw;}
}

@media screen and (max-width: 1440px) {
    .title dl { font-size: 17px;}
    .title h1, .title h2 { font-size: 36px; line-height: 54px; margin-top: 5px;}
    .title p { font-size: 15px; line-height: 30px;}
    .more { width: 36px; height: 36px; font-size: 20px; line-height: 32px;}
}

@media screen and (max-width: 1024px) {
    .title dl { font-size: 16px;}
    .title h1, .title h2 { font-size: 30px; line-height: 45px; margin-top: 2px;}
    .title p { font-size: 14px; line-height: 24px; margin-top: 7px;}
	.more { width: 30px; height: 30px; font-size: 18px; line-height: 27px;}
}

@media screen and (max-width: 640px) {
    .title h1, .title h2 { font-size: 24px; line-height: 36px; margin-top: 5px;}
	.more { width: 24px; height: 24px; font-size: 14px; line-height: 22px;}
}





/* products */

.ps-bg { background-color: #fff; padding-bottom: 121px;}
.ps-bg .ps-yi { margin-top: 92px;}
.ps-bg .ps-yi a .ps-ig { width: 55%; overflow: hidden; position: relative;}
.ps-bg .ps-yi a .ps-ig img { width: 100%; transition: all 1s ease;}
.ps-bg .ps-yi a:hover .ps-ig img { transform: scale(1.2,1.2);}

.ps-bg .ps-yi a .ps-tx { width: 45%; border: 1px solid #f0f0f0; border-left: none; padding: 75px 8% 75px 75px; position: relative; transition: all .3s ease;}
.ps-bg .ps-yi a .ps-tx h3 { font-size: 30px; color: #222; transition: all .3s ease;}
.ps-bg .ps-yi a:hover .ps-tx h3 { color: #1e95d4;}
.ps-bg .ps-yi a .ps-tx dl { width: 38px; height: 3px; background-color: #1e95d4; margin: 19px 0 41px;}
.ps-bg .ps-yi a .ps-tx p { font-size: 16px; color: #666; line-height: 32px;}
.ps-bg .ps-yi a .ps-tx .more { position: absolute; right: 15px; bottom: 15px; background-color: #606060; transition: all .5s ease;}
.ps-bg .ps-yi a:hover .ps-tx .more { background-color: #1e95d4;}


.swiper2 { margin-top: 75px;}
.swiper2 .swiper-slide a { display: block;}
.swiper2 .swiper-slide a .sr-ig { overflow: hidden;}
.swiper2 .swiper-slide a .sr-ig img { width: 100%; transition: all .75s ease;}
.swiper2 .swiper-slide a:hover .sr-ig img { transform: scale(1.2,1.2);}

.swiper2 .swiper-slide a .sr-tx { border: 1px solid #f0f0f0; border-top: none; padding: 15px; transition: all .3s ease;}
.swiper2 .swiper-slide a:hover .sr-tx { border-color: #1e95d4;}
.swiper2 .swiper-slide a .sr-tx .sr-nm { font-size: 18px; color: #333; line-height: 38px; transition: all .3s ease;}
.swiper2 .swiper-slide a:hover .sr-tx .sr-nm { color: #1e95d4;}
.swiper2 .swiper-slide a .sr-tx .more { background-color: #606060; transition: all .5s ease;}
.swiper2 .swiper-slide a:hover .sr-tx .more { background-color: #1e95d4;}

.swiper2 .swiper-pagination2 { position: relative; margin-top: 43px;}
.swiper2 .swiper-pagination-bullet { opacity: 0.075; background: #000;}
.swiper2 .swiper-pagination-bullet-active { opacity: 1; background-color: #1e95d4;}


@media screen and (max-width: 1920px) {
    .ps-bg { padding-bottom: 6.292vw;}
	.ps-bg .ps-yi { margin-top: 4.784vw;}
}

@media screen and (max-width: 1440px) {
    .ps-bg .ps-yi a .ps-tx { padding: 50px 8% 50px 50px;}
	.ps-bg .ps-yi a .ps-tx h3 { font-size: 24px;}
	.ps-bg .ps-yi a .ps-tx p { font-size: 15px; line-height: 30px;}
	
	.swiper2 .swiper-slide a .sr-tx .sr-nm { font-size: 16px; line-height: 36px;}
}

@media screen and (max-width: 1280px) {
    .ps-bg .ps-yi a .ps-tx { padding: 30px;}
	.ps-bg .ps-yi a .ps-tx dl { margin: 19px 0 26px;}
	
	.swiper2 { margin-top: 50px;}
	.swiper2 .swiper-pagination2 { margin-top: 33px;}
}

@media screen and (max-width: 1024px) {
    .ps-bg .ps-yi a .ps-tx { padding: 18px 20px;}
	.ps-bg .ps-yi a .ps-tx h3 { font-size: 20px;}
	.ps-bg .ps-yi a .ps-tx dl { width: 30px; height: 2px; margin: 15px 0 14px;}
	.ps-bg .ps-yi a .ps-tx p { font-size: 14px; line-height: 24px;}
	.ps-bg .ps-yi a .ps-tx .more { right: 10px; bottom: 10px;}
	
	.swiper2 .swiper-slide a .sr-tx { padding: 10px;}
	.swiper2 .swiper-slide a .sr-tx .sr-nm { line-height: 30px;}
	.swiper2 .swiper-pagination2 { margin-top: 21px;}
}

@media screen and (max-width: 800px) {
	.ps-bg .ps-yi a { flex-wrap: wrap;}
	.ps-bg .ps-yi a .ps-ig { width: 100%;}
    .ps-bg .ps-yi a .ps-tx { width: 100%; border: 1px solid #f0f0f0; border-top: none; padding: 18px 20px 48px;}
	
	.swiper2 { margin-top: 30px;}
}

@media screen and (max-width: 640px) {
    .ps-bg .ps-yi a .ps-tx { padding: 13px 15px 37px;}
	
	.swiper2 { margin-top: 25px;}
	.swiper2 .swiper-slide a .sr-tx .sr-nm { line-height: 24px;}
	.swiper2 .swiper-pagination2 { margin-top: 14px;}
}





/* process */

.gy-bg { background: url(../images/gy-bg.jpg) no-repeat center; background-size: cover; padding-bottom: 141px;}
.gy-bg .title { text-align: center; padding-top: 85px;}
.gy-bg .title dl { width: 128px; height: 32px; background-color: #1e95d4; margin: auto; font-size: 24px; line-height: 30px; border-radius: 20px;}
.gy-bg .title h2 { margin-top: 7px;}
.gy-bg .title dl, .gy-bg .title h2, .gy-bg .title p { color: #fff;}

.gy-bg .gy-ls { margin-top: 92px; padding: 0 2.5%; background: url(../images/gy-hx.png) repeat-x 111px;}
.gy-bg .gy-ls a { width: 12.5%;}
.gy-bg .gy-ls a:nth-child(2n) { margin-top: calc(8.3% + 98px);}

.gy-bg .gy-ls a .gy-zt { width: 100%; position: relative;}
.gy-bg .gy-ls a .gy-zt .gy-ig { width: 100%; border-radius: 10px; overflow: hidden; position: relative;}
.gy-bg .gy-ls a .gy-zt .gy-ig dl img { width: 100%; transition: all .75s ease;}
.gy-bg .gy-ls a:hover .gy-zt .gy-ig dl img { transform: scale(1.2,1.2);}
.gy-bg .gy-ls a .gy-zt .gy-ig .gy-bj { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0); transition: all .5s ease;}
.gy-bg .gy-ls a:hover .gy-zt .gy-ig .gy-bj { background-color: rgba(0, 0, 0, .25);}
.gy-bg .gy-ls a .gy-zt .gy-ig .gy-in { position: absolute; left: 50%; top: -25px; width: 50px; height: 50px; margin: -25px 0 0 -25px; transition: all .5s ease;}
.gy-bg .gy-ls a:hover .gy-zt .gy-ig .gy-in { top: 50%;}
.gy-bg .gy-ls a .gy-zt .gy-ig .gy-in img { width: 100%;}
.gy-bg .gy-ls a .gy-zt .gy-nm { position: absolute; left: 10px; bottom: -16px; width: calc(100% - 20px); height: 32px; font-size: 18px; color: #fff; text-align: center; line-height: 30px; background-color: #1e95d4; border-radius: 10px;}

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


@media screen and (max-width: 1920px) {
    .gy-bg { padding-bottom: 7.332vw;}
	.gy-bg .title { padding-top: 4.42vw;}
	.gy-bg .gy-ls { margin-top: 4.784vw;}
}

@media screen and (max-width: 1440px) {
	.gy-bg .title dl { width: 108px; height: 30px; font-size: 20px; line-height: 28px;}
	.gy-bg .title h2 { margin-top: 8px;}
	
	.gy-bg .gy-ls a .gy-zt .gy-ig .gy-in { top: -20px; width: 40px; height: 40px; margin: -20px 0 0 -20px;}	
    .gy-bg .gy-ls a .gy-zt .gy-nm { font-size: 16px;}
}

@media screen and (max-width: 1024px) {
	.gy-bg .title dl { width: 98px; height: 28px; font-size: 18px; line-height: 26px;}
	.gy-bg .title h2 { margin-top: 5px;}
	
	.gy-bg .gy-ls { flex-wrap: wrap; padding: 15px; background: none;}
	.gy-bg .gy-ls a { width: 25%;}
	.gy-bg .gy-ls a:nth-child(2n) { margin-top: calc(16.6% + 65px);}
	.gy-bg .gy-ls a:nth-child(5), .gy-bg .gy-ls a:nth-child(7) { margin-top: 65px;}
	.gy-bg .gy-ls a:nth-child(6), .gy-bg .gy-ls a:nth-child(8) { margin-top: calc(16.6% + 130px);}
	
	.gy-bg .gy-ls a .gy-zt .gy-ig .gy-in { top: -15px; width: 30px; height: 30px; margin: -15px 0 0 -15px;}	
    .gy-bg .gy-ls a .gy-zt .gy-nm { bottom: -15px; font-size: 15px; height: 30px; line-height: 28px;}
	
	.gy-bg .gy-ls a .gy-sx { height: 65px;}
}

@media screen and (max-width: 640px) {
	.gy-bg { padding-bottom: 9.1vw;}
	.gy-bg .title { padding-top: 5.2vw;}
	.gy-bg .title dl { width: 88px; height: 26px; font-size: 16px; line-height: 24px;}
	.gy-bg .title h2 { margin-top: 8px;}
	
	.gy-bg .gy-ls { margin-top: 6.5vw;}
	.gy-bg .gy-ls a:nth-child(2n) { margin-top: calc(16.6% + 52px);}
	.gy-bg .gy-ls a:nth-child(6), .gy-bg .gy-ls a:nth-child(8) { margin-top: calc(16.6% + 117px);}
	
	.gy-bg .gy-ls a .gy-zt .gy-ig { border-radius: 5px;}
	.gy-bg .gy-ls a .gy-zt .gy-nm { bottom: -12px; height: 24px; font-size: 14px; line-height: 22px; border-radius: 5px;}
	
	.gy-bg .gy-ls a .gy-sx { height: 52px;}
	.gy-bg .gy-ls a .gy-sz { width: 30px; height: 30px; font-size: 14px; line-height: 30px;}
}





/* application */

.an-bg { background-color: #fff; margin: 125px 0;}
.an-bg .an-ls { flex-wrap: wrap;}
.an-bg .an-ls a { width: 33.333333%; height: 400px; position: relative; overflow: hidden;}
.an-bg .an-ls a:nth-child(2), .an-bg .an-ls a:nth-child(7) { width: 33.333334%;}
.an-bg .an-ls a:nth-child(4) { width: 66.666667%; background: url(../images/an-08.jpg) no-repeat center; background-size: cover; display: flex; justify-content: center; flex-direction: column; padding: 0 125px;}
.an-bg .an-ls a:nth-child(4) .title { padding-top: 0;}
.an-bg .an-ls a:nth-child(4) .title dl, .an-bg .an-ls a:nth-child(4) .title h2, .an-bg .an-ls a:nth-child(4) .title p { color: #fff;}

.an-bg .an-ls a .an-ig { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; transition: all .75s ease;}
.an-bg .an-ls a:hover .an-ig { transform: scale(1.2,1.2);}
.an-bg .an-ls a .an-ig img { width: 100%; display: none;}

.an-bg .an-ls a .an-tx { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .25); color: #fff; padding: 47px 20% 0 50px; transition: all .5s ease;}
.an-bg .an-ls a:hover .an-tx { background-color: rgba(0, 0, 0, .5);}
.an-bg .an-ls a .an-tx h3 { font-size: 24px;}
.an-bg .an-ls a .an-tx p { font-size: 16px; line-height: 30px; margin-top: 7px;}

.an-bg .an-ls a .more { position: absolute; right: 50px; bottom: 50px; background-color: #1e95d4; opacity: 0; transition: all .5s ease;}
.an-bg .an-ls a:hover .more { opacity: 1;}


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

@media screen and (max-width: 1440px) {
    .an-bg .an-ls a { height: 335px;}
	.an-bg .an-ls a:nth-child(4) { padding: 0 100px;}
	
	.an-bg .an-ls a .an-tx { padding: 33px 35px 0 35px;}
	.an-bg .an-ls a .an-tx h3 { font-size: 22px;}
    .an-bg .an-ls a .an-tx p { font-size: 15px; line-height: 28px;}
	
	.an-bg .an-ls a .more { right: 35px; bottom: 35px;}
}

@media screen and (max-width: 1024px) {
    .an-bg .an-ls a { height: 250px;}
	.an-bg .an-ls a:nth-child(4) { padding: 0 50px;}
	
	.an-bg .an-ls a .an-tx { padding: 18px 20px 0 20px;}
	.an-bg .an-ls a .an-tx h3 { font-size: 20px;}
    .an-bg .an-ls a .an-tx p { font-size: 14px; line-height: 24px; margin-top: 4px;}
	
	.an-bg .an-ls a .more { right: 20px; bottom: 20px;}
}

@media screen and (max-width: 640px) {
    .an-bg .an-ls a { width: 100%; height: auto;}
    .an-bg .an-ls a:nth-child(2), .an-bg .an-ls a:nth-child(7) { width: 100%;}
	.an-bg .an-ls a:nth-child(4) { width: 100%; height: 250px;}
	
    .an-bg .an-ls a .an-ig img { display: block;}
	
	.an-bg .an-ls a .an-tx { padding: 23px 25px 0 25px;}
    .an-bg .an-ls a .an-tx p { line-height: 28px; margin-top: 7px;}
	
	.an-bg .an-ls a .more { right: 25px; bottom: 25px;}
}





/* advantage */

.ae-bg { background: #fafafa url(../images/ae-bg.jpg) no-repeat right center; background-size: 31.25% 100%;}
.ae-bg .ae-cs { padding: 125px 0;}
.ae-bg .ae-cs .ae-ls { align-items: flex-end;}

.ae-bg .ae-cs .ae-ls .ae-tx { width: 39.875%; padding-bottom: 17px;}
.ae-bg .ae-cs .ae-ls .ae-tx .ae-nm { width: 330px; height: 52px; line-height: 52px; text-align: center; border-radius: 30px; overflow: hidden;}
.ae-bg .ae-cs .ae-ls .ae-tx .ae-nm dl { width: 80px; font-family: 'Gotham Bold'; font-size: 30px; color: #fff; background-color: #1e95d4;}
.ae-bg .ae-cs .ae-ls .ae-tx .ae-nm h3 { width: 250px; font-size: 24px; color: #1e95d4; background-color: #fff;}
.ae-bg .ae-cs .ae-ls .ae-tx .ae-js { font-size: 16px; color: #666; line-height: 32px; margin-top: 41px;}

.ae-bg .ae-cs .ae-ls .ae-ig { width: 46.875%;}
.ae-bg .ae-cs .ae-ls .ae-ig a { display: block; width: 100%; overflow: hidden;}
.ae-bg .ae-cs .ae-ls .ae-ig a img { width: 100%; transition: all .75s ease;}
.ae-bg .ae-cs .ae-ls .ae-ig a:hover img { transform: scale(1.2,1.2);}

.ae-bg .ae-cs .ae-an { width: 116px; margin-top: 50px;}
.ae-bg .ae-cs .ae-an .swiper-button-prev3, .ae-bg .ae-cs .ae-an .swiper-button-next3 { position: relative; width: 48px; height: 48px; opacity: 1; background-color: #606060; background-repeat: no-repeat; background-position: center; background-size: 6px 12px; text-indent: 96px; overflow: hidden; border-radius: 50%; transition: all .3s ease;}
.ae-bg .ae-cs .ae-an .swiper-button-prev3 { background-image: url(../images/jt-01-02.png); margin: 0 0 0 -10px;}
.ae-bg .ae-cs .ae-an .swiper-button-next3 { background-image: url(../images/jt-02-02.png); margin: 0 -10px 0 0;}
.ae-bg .ae-cs .ae-an .swiper-button-prev3:hover, .ae-bg .ae-cs .ae-an .swiper-button-next3:hover { background-color: #1e95d4;}

.ae-bg .main { position: relative;}
.ae-bg .main .title { position: absolute; left: 0; top: 0; z-index: 9;}


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

@media screen and (max-width: 1440px) {
    .ae-bg .ae-cs .ae-ls .ae-tx .ae-nm { width: 290px; height: 50px; line-height: 50px;}
    .ae-bg .ae-cs .ae-ls .ae-tx .ae-nm dl { width: 70px; font-size: 28px;}
    .ae-bg .ae-cs .ae-ls .ae-tx .ae-nm h3 { width: 220px; font-size: 22px;}
    .ae-bg .ae-cs .ae-ls .ae-tx .ae-js { font-size: 15px; line-height: 30px;}
}

@media screen and (max-width: 1280px) {
	.ae-bg .ae-cs .ae-ls .ae-tx { padding-bottom: 0;}
    .ae-bg .ae-cs .ae-ls .ae-tx .ae-js { font-size: 15px; line-height: 30px; margin-top: 26px;}
}

@media screen and (max-width: 1024px) {
	.ae-bg .ae-cs .ae-ls .ae-tx .ae-nm { width: 260px; height: 42px; line-height: 42px;}
    .ae-bg .ae-cs .ae-ls .ae-tx .ae-nm dl { width: 60px; font-size: 24px;}
    .ae-bg .ae-cs .ae-ls .ae-tx .ae-nm h3 { width: 200px; font-size: 20px;}
    .ae-bg .ae-cs .ae-ls .ae-tx .ae-js { font-size: 14px; line-height: 28px; margin-top: 27px;}
	
	.ae-bg .ae-cs .ae-an { width: 82px; margin-top: 43px;}
    .ae-bg .ae-cs .ae-an .swiper-button-prev3, .ae-bg .ae-cs .ae-an .swiper-button-next3 { width: 36px; height: 36px;}
}

@media screen and (max-width: 800px) {
	.ae-bg .ae-cs .ae-ls { align-items: center;}

	.ae-bg .ae-cs .ae-an { margin-top: 25px;}
	
	.ae-bg .main .title { position: relative; left: inherit; top: inherit;}
}

@media screen and (max-width: 640px) {
	.ae-bg { background-image: none;}
	.ae-bg .ae-cs .ae-ls { flex-wrap: wrap;}
	
	.ae-bg .ae-cs .ae-ls .ae-tx { width: 100%;}
	.ae-bg .ae-cs .ae-ls .ae-tx .ae-nm { width: 230px; height: 40px; line-height: 40px;}
    .ae-bg .ae-cs .ae-ls .ae-tx .ae-nm dl { width: 50px; font-size: 20px;}
    .ae-bg .ae-cs .ae-ls .ae-tx .ae-nm h3 { width: 180px; font-size: 18px;}
    .ae-bg .ae-cs .ae-ls .ae-tx .ae-js { margin-top: 17px;}
	
	.ae-bg .ae-cs .ae-ls .ae-ig { width: 100%; margin-top: 43px;}
	
	.ae-bg .ae-cs .ae-an { width: 70px; margin: 25px auto 0;}
    .ae-bg .ae-cs .ae-an .swiper-button-prev3, .ae-bg .ae-cs .ae-an .swiper-button-next3 { width: 30px; height: 30px; background-size: 5px 10px;}
}

@media screen and (max-width: 480px) {	
	.ae-bg .ae-cs .ae-ls .ae-ig { margin-top: 28px;}
}





/* qualification */

.qn-bg { background: url(../images/qn-bg.jpg) no-repeat center; background-size: cover;}
.qn-bg .title { text-align: center;}

.qn-bg .qn-ls { margin-top: 92px;}
.qn-bg .qn-ls a { width: 32%;}
.qn-bg .qn-ls a img { width: 100%;}

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


@media screen and (max-width: 1920px) {
    .qn-bg .qn-ls { margin-top: 4.784vw;}
	.swiper4 { margin: 75px 2.554028% 6.292vw;}
}

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

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

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

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





/* about */

.at-bg { background: #fafafa url(../images/at-bg.jpg) no-repeat left center; background-size: 31.25% 100%;}
.at-bg .at-ls { align-items: center;}
.at-bg .at-ls .at-zb { width: 17.5%; color: #fff; padding-bottom: 12px;}
.at-bg .at-ls .at-zb ul li:nth-child(n+2) { margin-top: 106px;}
.at-bg .at-ls .at-zb ul li div h2 { font-family: 'Gotham Bold'; font-size: 60px;} 
.at-bg .at-ls .at-zb ul li div p { font-size: 16px; margin-top: 2px;}
.at-bg .at-ls .at-zb ul li dl { font-size: 16px; padding-top: 40px;}
.at-bg .at-ls .at-zb ul li:nth-child(3) dl { font-family: 'Gotham Bold'; padding-top: 43px;}
.at-bg .at-ls .at-zb ul li:nth-child(3) dl sup { font-size: 10px;}

.at-bg .at-ls .at-yb { width: 63.125%; padding-bottom: 125px;}
.at-bg .at-ls .at-yb .title p { margin-top: 32px;}
.at-bg .at-ls .at-yb .more { display: block; color: #fff; background-color: #606060; margin: 69px 0 75px; margin-left: calc(100% - 38px); transition: all .3s ease;}
.at-bg .at-ls .at-yb .more:hover { background-color: #1e95d4;}

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


@media screen and (max-width: 2048px) {
    .at-bg .at-ls .at-zb { width: 22%;}
}

@media screen and (max-width: 1920px) {
    .at-bg .at-ls .at-zb { width: 23.5%;}
	
	.at-bg .at-ls .at-yb { padding-bottom: 6.5vw;}
	.at-bg .at-ls .at-yb .more { margin: 3.588vw 0 3.9vw; margin-left: calc(100% - 36px);}
}

@media screen and (max-width: 1680px) {
    .at-bg .at-ls .at-zb { width: 26.5%;}
}

@media screen and (max-width: 1440px) {
    .at-bg .at-ls .at-zb ul li:nth-child(n+2) { margin-top: 110px;}
    .at-bg .at-ls .at-zb ul li div h2 { font-size: 48px;} 
    .at-bg .at-ls .at-zb ul li div p { font-size: 15px; margin-top: 5px;}
    .at-bg .at-ls .at-zb ul li dl { font-size: 15px; padding-top: 29px;}
    .at-bg .at-ls .at-zb ul li:nth-child(3) dl { padding-top: 33px;}
}

@media screen and (max-width: 1024px) {
    .at-bg .at-ls .at-zb ul li:nth-child(n+2) { margin-top: 79px;}
    .at-bg .at-ls .at-zb ul li div h2 { font-size: 36px;} 
    .at-bg .at-ls .at-zb ul li div p { font-size: 14px; margin-top: 3px;}
    .at-bg .at-ls .at-zb ul li dl { font-size: 14px; padding-top: 19px;}
    .at-bg .at-ls .at-zb ul li:nth-child(3) dl { padding-top: 22px;}
	
	.at-bg .at-ls .at-yb .more { margin: 3.588vw 0 3.9vw; margin-left: calc(100% - 30px);}
}

@media screen and (max-width: 640px) {
	.at-bg { background-image: none;}
    .at-bg .at-ls .at-zb { display: none;}
	
	.at-bg .at-ls .at-yb { width: 100%;}
	.at-bg .at-ls .at-yb .title p { margin-top: 18px;}
	.at-bg .at-ls .at-yb .more { margin-left: calc(100% - 24px);}
}

@media screen and (max-width: 480px) {
	.at-bg .at-ls .at-yb .at-ig { flex-wrap: wrap;}
	.at-bg .at-ls .at-yb .at-ig a { width: 48.5%;}
	.at-bg .at-ls .at-yb .at-ig a:first-child { width: 100%; margin-bottom: 3%;}
}





/* news */

.ns-bg { background-color: #fff; padding-bottom: 150px;}
.ns-bg .ns-lb { margin-top: 92px;}
.ns-bg .ns-lb .ns-ig { width: 49.375%;}
.ns-bg .ns-lb .ns-ig a { display: block; overflow: hidden; position: relative;}
.ns-bg .ns-lb .ns-ig a div { height: 520px; background-repeat: no-repeat; background-position: center; background-size: cover; transition: all 1s ease;}
.ns-bg .ns-lb .ns-ig a:hover div { transform: scale(1.2,1.2);}
.ns-bg .ns-lb .ns-ig a div img { width: 100%; display: none;}
.ns-bg .ns-lb .ns-ig a dl { position: absolute; left: 0; bottom: 0; width: 100%; color: #fff; padding: 0 35px 31px 35px;}
.ns-bg .ns-lb .ns-ig a dl span { font-family: 'Gotham Book'; font-size: 16px;}
.ns-bg .ns-lb .ns-ig a dl h3 { font-family: "OPPOSans-Ver2-Regular"; font-size: 24px; margin-top: 9px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}

.ns-bg .ns-lb .ns-ls { width: 49.375%;}
.ns-bg .ns-lb .ns-ls a { display: block; width: 48.734177%;}
.ns-bg .ns-lb .ns-ls a div { height: 254px; overflow: hidden;}
.ns-bg .ns-lb .ns-ls a div p { height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; overflow: hidden; transition: all .75s ease;}
.ns-bg .ns-lb .ns-ls a:hover div p { transform: scale(1.2,1.2);}
.ns-bg .ns-lb .ns-ls a div p img { width: 100%; display: none;}
.ns-bg .ns-lb .ns-ls a dl { height: 266px; border: 1px solid #f0f0f0; border-top: none; padding: 27px 25px 25px; background-color: #fff; overflow: hidden; transition: all .3s ease;}
.ns-bg .ns-lb .ns-ls a dl h4 { font-family: 'Gotham Book'; font-size: 16px; font-weight: normal; color: #999; transition: all .3s ease;}
.ns-bg .ns-lb .ns-ls a dl h3 { font-family: "OPPOSans-Ver2-Regular"; font-size: 24px; color: #333; line-height: 34px; margin: 10px 0 23px; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; transition: all .3s ease;}
.ns-bg .ns-lb .ns-ls a dl span { display: block; font-size: 16px; color: #666; line-height: 28px; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; transition: all .35s ease;}
.ns-bg .ns-lb .ns-ls a:hover dl { border-color: #1e95d4; background-color: #1e95d4;}
.ns-bg .ns-lb .ns-ls a:hover dl h4, .ns-bg .ns-lb .ns-ls a:hover dl h3, .ns-bg .ns-lb .ns-ls a:hover dl span { color: #fff;}


@media (max-width: 1920px) {
    .ns-bg { padding-bottom: 7.8vw;}
    .ns-bg .ns-lb { margin-top: 4.784vw;}
}

@media (max-width: 1440px) {
    .ns-bg { padding-bottom: 8.65vw;}
    .ns-bg .ns-lb .ns-ig a div { height: 436px;}
    .ns-bg .ns-lb .ns-ig a dl { padding: 0 25px 21px 25px;}
    .ns-bg .ns-lb .ns-ig a dl span { font-size: 14px;}
    .ns-bg .ns-lb .ns-ig a dl h3 { font-size: 20px; margin-top: 6px;}
    .ns-bg .ns-lb .ns-ls a div { height: 213px;}
    .ns-bg .ns-lb .ns-ls a dl { height: 223px; padding: 22px 20px 20px;}
    .ns-bg .ns-lb .ns-ls a dl h4 { font-size: 14px;}
    .ns-bg .ns-lb .ns-ls a dl h3 { font-size: 20px; line-height: 30px; margin: 12px 0 19px;}
    .ns-bg .ns-lb .ns-ls a dl span { font-size: 14px; line-height: 24px;}
}

@media (max-width: 1024px) {
    .ns-bg .ns-lb .ns-ig a div { height: 324px;}
    .ns-bg .ns-lb .ns-ig a dl { padding: 0 20px 16px 20px;}
    .ns-bg .ns-lb .ns-ig a dl h3 { font-size: 18px;}
    .ns-bg .ns-lb .ns-ls a div { height: 158px;}
    .ns-bg .ns-lb .ns-ls a dl { height: 166px; padding: 17px 15px 20px;}
    .ns-bg .ns-lb .ns-ls a dl h3 { font-size: 18px; line-height: 28px; margin: 7px 0 9px;}
    .ns-bg .ns-lb .ns-ls a dl span { -webkit-line-clamp: 2;}
}

@media (max-width: 800px) {
    .ns-bg .ns-lb { flex-wrap: wrap;}
    .ns-bg .ns-lb .ns-ig { width: 100%;}
    .ns-bg .ns-lb .ns-ig a div { height: auto;}
    .ns-bg .ns-lb .ns-ig a div img { display: block;}
    .ns-bg .ns-lb .ns-ls { width: 100%; margin-top: 2.531646%;}
    .ns-bg .ns-lb .ns-ls a div { height: auto;}
    .ns-bg .ns-lb .ns-ls a div p img { display: block;}
    .ns-bg .ns-lb .ns-ls a dl { height: auto;}
}

@media (max-width: 480px) {
    .ns-bg { padding-bottom: 35px;}
    .ns-bg .ns-lb .ns-ls { flex-wrap: wrap; margin-top: 20px;}
    .ns-bg .ns-lb .ns-ls a { width: 100%;}
    .ns-bg .ns-lb .ns-ls a:nth-child(n+2) { margin-top: 20px;}
    .ns-bg .ns-lb .ns-ls a dl span { -webkit-line-clamp: 3;}
}