@charset "utf-8";

.qyry{padding-bottom: 85px;}
.qyry p{font-size: 24px;line-height: 42px;margin-bottom: 55px;}
.qyry ul{display: flex;flex-wrap: wrap;gap:30px;}
.qyry li{width: calc(25% - 90px/4);border-radius: 10px;border: 2px solid #f5f5f5;text-align: center; background: #f5f5f5;padding: 25px 0 30px;transition: all 1s;}
.djxmbox h1{font-size: 64px;color: #19D3C5;}
.djxmbox h2{font-size: 24px;}
.djxmbox span{font-size: 18px; color: #666;line-height: 28px;}
.qyry li:hover{border: 2px solid #19d3c5;background: #fff;box-shadow:0 0 10px rgba(0, 0, 0, .2); }

.thjx_title{width: 1600px;max-width: 94%; margin: 0 auto;padding-bottom: 65px;}
.thjx_title h2{font-weight: bold;font-size: 48px;margin-bottom: 20px;}
.thjx_title p{font-size: 18px; line-height: 28px;color: #666;}
.thjx_cont{position: relative;padding: 95px 0 85px;width: 1820px;margin: 0 auto;max-width: 100%;}
.thjx_cont p{position: absolute;width: 100%;left: 0;top: -110px;display: flex;justify-content: space-between;font-weight: bold;font-size: 300px;color: #f5f5f5;padding: 0 110px;}
.xyzx span{display: block;}
.xyzx span img{width: 100%; object-fit: cover;aspect-ratio: 447 / 317;}
.xyzx h2{font-weight: bold;font-size: 48px;color: #007481;display: none;transition: all .6s;}
.xyzx li{position: relative;font-size: 16px;line-height: 28px;color: #666666;padding-left: 23px;display: none;}
.xyzx li:before{position: absolute;content: "";width: 5px;height: 5px;background: #666;border-radius: 10px;left: 5px;top: 12px;}
.thjx_cont .swiper-slide {transition: 300ms;  transform: scale(0.8);}
.thjx_cont .swiper-slide-active,.thjx_cont .swiper-slide-duplicate-active{transform: scale(1);}
.thjx_cont .swiper-slide-active .xyzx h2,.thjx_cont .swiper-slide-duplicate-active .xyzx h2{display: block;}
.thjx_cont .swiper-slide-active .xyzx li,.thjx_cont .swiper-slide-duplicate-active .xyzx li{display: block;}
.thjx_cont .swiper-button-next{width: 43px;height: 43px;border-radius: 50%;border-radius: 50%;background: url(../images/a_98.png);background-size: 100% 100%;margin: 0;top: auto;bottom: 125px;right: 110px;transition: all .6s;}
.thjx_cont .swiper-button-prev{width: 43px;height: 43px;border-radius: 50%;border-radius: 50%;background: url(../images/a_97.png);background-size: 100% 100%;margin: 0;top: auto;bottom: 125px;right: 165px;left: auto;transition: all .6s;}
.thjx_cont .swiper-button-next:after,.thjx_cont .swiper-button-prev:after{font-size: 0;}
.thjx_cont .swiper-button-next:hover{background: url(../images/a_100.png);background-size: 100% 100%;}
.thjx_cont .swiper-button-prev:hover{background: url(../images/a_99.png);background-size: 100% 100%;}
.dznr_text a:nth-child(1){background: #007481;border: 2px solid #007481;color: #fff;margin-right: 15px;padding: 0  10px;}

.zscq{display: flex;justify-content: space-between;flex-wrap: wrap;margin: 0 0 140px 0; position: relative;}
.zscq_list{width: 50%; padding-right: 80px;}
.zscq_list h2{font-weight: bold;font-size: 48px;}
.zscq_list li{border-bottom: 1px solid #e6e6e6;}
.zscq_list span{display: block;line-height: 124px;cursor: pointer; font-size: 28px;position: relative;}
.zscq_list p{font-size: 18px;line-height: 28px;margin-bottom: 30px;display: none;transition: all .6s;}
.zscq_tab{animation: fadeIn 1s 1;width: 50%;top: 0;right: 0;position: absolute;display: none;}
.zscq_list li b{height: 1px;width: 0;background: #0FBCAF;transition: all 1s;display: block;}
.zscq_tab img{width: 100%;}
.zscq_list li.cur p{display: block;}
.zscq_list li.cur .zscq_tab{display: block;}
.zscq_list li.cur b{width: 50%;}

@media only screen and (min-width: 1200px) {
.qyry { padding-bottom: 4.4270833333vw; }
.qyry p { font-size: 1.25vw; line-height: 2.1875vw; margin-bottom: 2.8645833333vw; }
.qyry ul { display: flex; flex-wrap: wrap; gap: 1.5625vw; }
.qyry li { width: calc(25% - 4.6875vw / 4); border-radius: 0.5208333333vw; border: 0.1041666667vw solid #f5f5f5; text-align: center; background: #f5f5f5; padding: 1.3020833333vw 0 1.5625vw; transition: all 1s; }
.djxmbox h1 { font-size: 3.3333333333vw; color: #19D3C5; }
.djxmbox h2 { font-size: 1.25vw; }
.djxmbox span { font-size: 0.9375vw; color: #666; line-height: 1.4583333333vw; }
.qyry li:hover { border: 0.1041666667vw solid #19d3c5; background: #fff; box-shadow: 0 0 0.5208333333vw rgba(0, 0, 0, .2); }

.thjx_title { width: 83.3333333333vw; max-width: 94%; margin: 0 auto; padding-bottom: 3.3854166667vw; }
.thjx_title h2 { font-weight: bold; font-size: 2.5vw; margin-bottom: 1.0416666667vw; }
.thjx_title p { font-size: 0.9375vw; line-height: 1.4583333333vw; color: #666; }
.thjx_cont { position: relative; padding: 4.9479166667vw 0 4.4270833333vw; width: 94.7916666667vw; margin: 0 auto; max-width: 100%; }
.thjx_cont p { position: absolute; width: 100%; left: 0; top: -5.7291666667vw; display: flex; justify-content: space-between; font-weight: bold; font-size: 15.625vw; color: #f5f5f5; padding: 0 5.7291666667vw; }
.xyzx span { display: block; }
.xyzx span img { width: 100%; object-fit: cover; aspect-ratio: 447 / 317; }
.xyzx h2 { font-weight: bold; font-size: 2.5vw; color: #007481; display: none; transition: all .6s; }
.xyzx li { position: relative; font-size: 0.8333333333vw; line-height: 1.4583333333vw; color: #666666; padding-left: 1.1979166667vw; display: none; }
.xyzx li:before { position: absolute; content: ""; width: 0.2604166667vw; height: 0.2604166667vw; background: #666; border-radius: 0.5208333333vw; left: 0.2604166667vw; top: 0.625vw; }
.thjx_cont .swiper-slide { transition: 300ms; transform: scale(0.8); }
.thjx_cont .swiper-slide-active, .thjx_cont .swiper-slide-duplicate-active { transform: scale(1); }
.thjx_cont .swiper-slide-active .xyzx h2, .thjx_cont .swiper-slide-duplicate-active .xyzx h2 { display: block; }
.thjx_cont .swiper-slide-active .xyzx li, .thjx_cont .swiper-slide-duplicate-active .xyzx li { display: block; }
.thjx_cont .swiper-button-next { width: 2.2395833333vw; height: 2.2395833333vw; border-radius: 50%; background: url(../images/a_98.png); background-size: 100% 100%; margin: 0; top: auto; bottom: 6.5104166667vw; right: 5.7291666667vw; transition: all .6s; }
.thjx_cont .swiper-button-prev { width: 2.2395833333vw; height: 2.2395833333vw; border-radius: 50%; background: url(../images/a_97.png); background-size: 100% 100%; margin: 0; top: auto; bottom: 6.5104166667vw; right: 8.59375vw; left: auto; transition: all .6s; }
.thjx_cont .swiper-button-next:after, .thjx_cont .swiper-button-prev:after { font-size: 0; }
.thjx_cont .swiper-button-next:hover { background: url(../images/a_100.png); background-size: 100% 100%; }
.thjx_cont .swiper-button-prev:hover { background: url(../images/a_99.png); background-size: 100% 100%; }
.dznr_text a:nth-child(1) { background: #007481; border: 0.1041666667vw solid #007481; color: #fff; margin-right: 0.78125vw; padding: 0 0.52vw; }

.zscq { display: flex; justify-content: space-between; flex-wrap: wrap; margin: 0 0 7.2916666667vw 0; }
.zscq_list { width: 50%; padding-right: 4.1666666667vw; }
.zscq_list h2 { font-weight: bold; font-size: 2.5vw; }
.zscq_list li { border-bottom: 0.0520833333vw solid #e6e6e6;  }
.zscq_list span { display: block; line-height: 6.4583333333vw; cursor: pointer; font-size: 1.4583333333vw; }
.zscq_list p { font-size: 0.9375vw; line-height: 1.4583333333vw; margin-bottom: 1.5625vw; display: none; transition: all .6s; }
.zscq_list li.cur p { display: block; }

.zscq_box { width: 50%; }
.zscq_tab { animation: fadeIn 1s 1; }
.zscq_tab img { width: 100%; }

}







@media screen and (max-width: 1920px) {

}

@media screen and (max-width: 1680px) {


}

@media screen and (max-width: 1600px) {

}
@media screen and (max-width: 1440px) {

}

@media screen and (max-width: 1366px) {

}
@media screen and (max-width: 1280px) {

}

@media screen and (max-width: 1200px) {
.svg-mask-desktop path{stroke: #f5f5f5;fill: #f5f5f5;}
.qyry p{font-size: .3rem; line-height: 1.75;margin-bottom: .35rem;}
.qyry ul{gap:.25rem;}
.qyry li{width: calc(50% - .25rem/2);padding: .35rem 0 .65rem;margin-bottom: .35rem;}
.djxmbox h1{font-size: .64rem;}
.djxmbox h2{font-size: .32rem;}
.djxmbox span{font-size: .24rem;}
.qyry{padding-bottom: .5rem;}
.thjx_title h2{font-size: .36rem;margin-bottom: .3rem;}
.thjx_title p{font-size: .26rem;line-height: 1.75;position: relative;z-index: 10;}
.thjx_title{padding-bottom: 0;}
.thjx_cont p{padding: 0;font-size: 2rem;top: -1rem;}
.thjx_cont{padding: .7rem 3% .9rem 3%;}
.xyzx h2{font-size: .64rem;}
.xyzx li{font-size: .24rem; line-height: 1.75;}
.xyzx li:before{top: .15rem;}
.btnxq a{min-width: auto;padding: 0 .1rem;white-space: nowrap;width: auto;}
.dznr_text a:nth-child(1){margin-right: .1rem; padding: 0 .1rem; }
.thjx_cont .swiper-button-next{width: .5rem;height: .5rem;background: url(../images/a_98.png) no-repeat center center #fff;background-size: 100%;right: .15rem;bottom: auto;top: 2.5rem;border:1px solid #fff;}
.thjx_cont .swiper-button-prev{width: .5rem;height: .5rem;background: url(../images/a_97.png) no-repeat center center #fff;background-size: 100%;right: auto;bottom: auto;top: 2.5rem;left: .15rem;border:1px solid #fff;}
.zscq_tab{width: 100%;position: static;}
.zscq{margin: .8rem 0 .9rem;}
.zscq_list{width: 100%;padding: 0;}
.zscq_list h2{font-size: .36rem;}
.zscq_list p{font-size: .26rem;line-height: 1.75;margin-bottom: .3rem;}
.zscq_list span{line-height: 1.6rem;font-size: .3rem;}
.zscq_tab{padding-bottom: .7rem;}
}