.infoText { background: #F8F9FC; } .introBox .infoText .min { padding: .69rem 1rem .75rem; font-size: 14px; color: #333947; line-height: .3rem; text-align: justify; } .introTitle { padding: 0 0 .4rem; text-align: center; } .introTitle span { font-size: 24px; color: #333947; font-weight: 500; } .introTitle p { font-size: 14px; color: #5e5f60; margin-top: .2rem; } .i-box { padding: .6rem 0 .8rem; } .box2, .box4, .box6, .box8 { background: #F8F9FC; } .introBox .pic { max-width: 100%; width: 1100px; margin: 0 auto; } .lcbTop { display: flex; align-items: center; justify-content: center; width: 100%; height: 2.4rem; background: url(../img/lcb.png) no-repeat; background-size: 100% 100%; } .lcbTop .introTitle { padding: 0; } .lcbTop .introTitle span, .lcbTop .introTitle p { color: #fff; } .swiperbox2 { position: relative; padding: .8rem 0 0; background: #fff; } .swiper-container2 { width: 1020px; margin: auto; padding-left: .4rem; } .swiper-container2:after { position: absolute; top: 52px; left: 0; display: block; content: ''; width: 100%; height: 1px; background: #D8D9DB; } .swiper-container2 .stime { line-height: 30px; font-size: 20px; /* color: #333947; */ color: black; } .swiper-container2 .dot { width: .2rem; height: .2rem; border-radius: 50%; background: url('../img/dot.jpg') no-repeat; background-size: 100% 100%; margin: .12rem 0 .2rem; } .s-list .s-item { font-size: 14px; /* color: #333947; */ color: black; margin-bottom: .25rem; } .s-list .s-item p { position: relative; padding-left: .13rem; margin-bottom: .02rem; } .s-list .s-item p:after { position: absolute; display: block; content: ''; width: 4px; height: 4px; left: 0; top: 50%; margin-top: -2px; border-radius: 50%; background: #D1D3D7; } .s-list .s-item span { padding-left: .13rem; } .swiper-container2 .swiper-slide-active .stime, .swiper-container2 .swiper-slide.scale .stime { /* font-size: 30px; */ transition: all .3s; } .swiperbox2 .swiper-slide.scale .slidetimeBox, .swiperbox2 .swiper-slide.scale .stime, .swiperbox2 .swiper-slide.scale .s-item { color: #333947; } .swiper-slide.scale .stime { transition: 0.5s; font-size: 30px; } .swiper-container2 .stime:hover { transition: 0.5s; font-size: 30px; color: #333947; } .swiper-container2 .swiper-slide-active .s-list .s-item p { /* color: #202c70; */ color: #333947; } .swiper-container2 .swiper-slide-active .s-list .s-item p:after { background: #202c70; } .swiper-container2 .btn {} .intro-list { margin: .8rem 0 0; /* padding: 0 .8rem; */ padding-left: 0.8rem; margin-right: 0.8rem; padding-right: 0.35rem; /* height: 825px; */ overflow-y: scroll; } .box7 .intro-list { height: 520px; background: white; padding-left: 0.8rem; padding-top: 0.8rem; padding-right: 0.35rem; margin: 0; } .intro-list::-webkit-scrollbar { width: 8px; } .intro-list::-webkit-scrollbar-thumb { background-color: #D6D7DA; border-radius: 4px; } .intro-list li:not(:last-child) { margin-bottom: .25rem; } .intro-list li p { position: relative; padding-left: .15rem; font-size: 18px; font-weight: 500; color: #333947; } .intro-list li p:after { display: block; content: ''; position: absolute; width: 3px; height: 12px; left: 0; top: 50%; margin-top: -6px; background: #D8D8D8; } .intro-list li span { display: block; padding-left: .15rem; font-size: 14px; color: #5E5F60; line-height: .36rem; } .box8 .khtop { background: #fff; padding-left: .6rem; display: flex; justify-content: space-between; align-items: center; } .box8 .khtop .khl { width: 5.4rem; } .box8 .khtop .khr { width: 5.4rem; height: 2rem; background: url('../img/khr.png') no-repeat; background-size: 100% 100%; padding-right: .4rem; display: flex; align-items: center; justify-content: flex-end; } .box8 .khtop .khr p { text-align: right; color: #fff; font-size: 14px; line-height: .3rem; } .swiperBox3 { position: relative; padding: .46rem .1rem .36rem .1rem; background: #fff; margin-top: .5rem; } .swiperBox3 .swiper-container { padding-bottom: .69rem; } .swiperBox3:after { position: absolute; left: 50%; transform: translateX(-50%); top: .8rem; display: block; content: ''; width: 1px; height: .9rem; background: #D8D9DC; z-index: 99; } .swiperBox3 .swiper-slide div { width: 100%; padding: 0 .5rem; } .swiperBox3 .swiper-slide div p { font-size: 14px; color: #5E5F60; line-height: .28rem; padding-top: .23rem; padding-bottom: .05rem; margin-bottom: .45rem; background: url('../img/h.png') no-repeat; background-size: .84rem .7rem; background-position: center; } .swiperBox3 .swiper-slide div span { display: block; text-align: right; font-size: 16px; color: #5E5F60; } .swiperBox3 .swiper-pagination-bullet { width: 0.4rem; background-color: #DEE3EF; height: 0.03rem; border-radius: 0; margin-right: 0.15rem; opacity: 1; } .swiperBox3 .swiper-pagination-bullet:last-of-type { margin-right: 0; } .swiperBox3 .swiper-pagination-bullet-active { background-color: #2A468A; } .swiperBox { position: relative; overflow: hidden; margin-top: .5rem; } .swiperBox .swiper-container1 { margin: 0 .25rem; overflow: hidden; /* height: 270px; */ } .swiperBox .swiper-slide { padding: .2rem 0; width: 2.5rem; } .slideBox { width: 2.5rem; height: 1.9rem; display: flex; align-items: center; justify-content: center; box-shadow: 0px 5px 15px 0px rgba(127, 130, 141, 0.35); margin: auto; padding: 0.15rem; } .slideBox img { display: block; max-width: 100%; } .btn { position: absolute; right: 0; display: flex; justify-content: space-between; width: 100%; z-index: 9; top: 50%; margin-top: -.4rem; } .box2 .btn { margin-top: -.75rem; } .btn a { display: block; width: .2rem; height: .6rem; border-radius: 5px; background-color: #E8E9F0; transition: 0.5s; } .btn a.prev { background-image: url('../img/left.png'); background-repeat: no-repeat; background-position: center center; } .btn a.next { background-image: url('../img/right.png'); background-repeat: no-repeat; background-position: center center; } .btn a:hover { background-color: #202C70; } .mTitle { text-align: center; font-size: 24px; color: #464d61; padding: .7rem 0 .55rem; } .hyrkBox { width: 1120px; margin: 0 auto; } .hyrkBox .hyrk { display: flex; align-items: center; width: 100%; height: 2.3rem; border-radius: 5px; padding-left: .5rem; background: url('../img/hyrkBg.jpg') no-repeat; background-size: 100% 100%; } .hyrkBox .hyrk p { width: 100%; font-size: 15px; color: #333947; line-height: .4rem; } .morejxBox { width: 1025px; margin: 0 auto 1rem; } .jx-tab { display: flex; align-items: center; margin-bottom: .15rem; } .jx-tab p { position: relative; font-size: 20px; color: #333947; width: .5rem; text-align: center; margin-right: .55rem; padding-bottom: .2rem; transition: 0.5s; cursor: pointer; } .jx-tab p:hover:after, .jx-tab p.on:after { display: block; content: ''; position: absolute; bottom: 0rem; width: 100%; height: 2px; background: #202C70; } .jxLi { display: flex; justify-content: space-between; align-items: center; padding: .15rem 0; border-bottom: 1px solid #E8E9F0; } .jxLi p { flex: 1; margin-right: .3rem; text-overflow: ellipsis; white-space: normal; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } .yjjzgBox { width: 1100px; margin: auto; } .yjLi { border-radius: 10px; background-color: #F8F9FC; width: 100%; height: 2rem; padding: 0 1.05rem 0 .6rem; margin-top: 1.2rem; } .yjLi:nth-child(2n) { padding: 0 .7rem 0 1.05rem; } .yjLi div { width: 5rem; height: 100%; float: left; display: flex; align-items: center; } .yjLi span { display: block; font-size: 20px; color: #333947; margin-bottom: .25rem; } .yjLi p { width: 5rem; color: #5e5f60; font-size: 14px; line-height: .25rem; } .yjLi img { position: relative; float: right; max-width: 2.7rem; top: -.47rem; transform: translateY(100px); opacity: 0; transition: all 1s ease .5s; } .yjLi.on img { transform: translateY(0); opacity: 1; } .yjLi:nth-child(2n) div { float: right; } .yjLi:nth-child(2n) img { float: left; } .yjLi:nth-child(2n) div p { text-align: right; } .jzgBox { padding: .9rem 0 1.1rem; } .jzgBox .jzgItem { display: block; position: relative; width: 1000px; padding-left: .15rem; margin-bottom: .35rem; } .jzgBox .jzgItem:after { position: absolute; left: 0; top: .06rem; display: block; content: ''; width: .03rem; height: .12rem; background: #D8D8D8; transition: 0.5s; } .jzgBox .jzgItem span { color: #5e5f60; font-size: 18px; transition: 0.5s; } .jzgBox .jzgItem p { color: #5e5f60; font-size: 14px; margin-top: .15rem; transition: 0.5s; line-height: .25rem; text-align: justify; } .jzgBox .jzgItem:hover:after { background: #202c70; } .jzgBox .jzgItem:hover span { color: #202c70; } .jzgBox .jzgItem:hover p { color: #202c70; } .box8 .khtop .khr.khr_wap { display: none; } @media screen and (max-width: 800px) { .min { width: 100%; padding: 0 .3rem; } .introBox .infoText .min { padding: .69rem .3rem .75rem !important; line-height: .35rem; } .i-box { padding: .5rem 0; } .lcbTop { padding: 0 .3rem; background-size: cover; } .introTitle p { line-height: .3rem; } .swiperbox2 { padding: .5rem .25rem; } .slideBox { width: 3rem; height: 2.4rem; margin-top: .5rem; } .hyrkBox { width: 100%; } .hyrkBox .hyrk { padding: 0 .2rem; background-size: cover; background-position: center right; } .swiper-container2 { width: 100%; padding-left: .15rem; } .swiper-container2 .dot { margin: .1rem .3rem .2rem; } .slidetimeBox { padding-left: .3rem; } .intro-list li p { margin-bottom: .1rem; } .swiper-container2:after { top: 46px } .swiperBox3 { padding: .26rem .1rem .36rem .1rem; } .swiperBox3 .swiper-slide div p { margin-bottom: .2rem; } .morejxBox { width: 100%; } .jx-tab p { width: auto; } .intro-list { padding: 0; height: 6rem; margin-right: 0; } .intro-list li { padding-right: .2rem; } .intro-list::-webkit-scrollbar { width: 3px; } .box8 .khtop { padding: 0 .2rem; flex-wrap: wrap; } .box8 .khtop .khr { background: #fff; padding: 0; display: none; } .box8 .khtop .khr.khr_wap { display: flex; } .box8 .khtop .khr p { color: #333947; text-align: left; } .box8 .khtop .khl { width: 100%; } .swiperBox3 .swiper-slide div { width: 100%; padding: 0 .1rem; } .swiperBox3:after { display: none; } .swiperBox3 .swiper-slide div span { text-align: left; } .yjjzgBox { width: 100%; } .jzgBox .jzgItem { width: auto; } .yjUl { padding: .3rem; } .yjLi, .yjLi:nth-child(2n) { padding: .3rem .2rem; margin-top: .5rem; height: auto; } .yjLi div, .yjLi p { width: 100%; } .yjLi p { margin-bottom: .2rem; line-height: .3rem; } .yjLi img { float: none !important; max-width: 70%; margin: auto; top: 0; } .yjLi:nth-child(2n) div { float: none !important; } .yjLi:nth-child(2n) img { float: none !important; } .jzgBox { padding: .5rem 0 .6rem; } .jzgBox .jzgItem { margin: 0 .3rem .35rem; } .jzgBox .jzgItem:after { top: .09rem; } .jzgBox .jzgItem p { line-height: .3rem; } .btn { margin-top: 0; } .swiperBox .swiper-slide { padding: 0; } .swiperBox .swiper-container1 { height: 270px; } .swiperBox .btn { transform: translateY(-50%); } .yjLi:nth-of-type(2n) { display: flex; flex-direction: column-reverse; } .yjLi:nth-child(2n) div p { text-align: left; } .box7 .intro-list { padding:0 0.4rem !important; margin-right: 0 !important; } }