/** 李鹏扬-v1.0.0 APP License By li.pengyang */ img { width: 100% } .mobileHidden { display: block } .mobileImage { display: none } .webImage { display: block } .descriptionBanner { position: relative } .descriptionBanner p { position: absolute; color: #fff; font-size: 56px; left: 120px; top: 50%; margin-top: -40px; } .descriptionBanner span { font-size: 18px; display: block; margin-top: 6px; } .anchorPoint a, .beijing .gdbj, .beijing p { display: inline-block } .anchorPoint { height: 80px; background: #F5F5F5; } .anchorPoint .point { width: 1200px; margin: 0 auto } .anchorPoint a { height: 80px; text-decoration: none; font-size: 20px; padding: 0 22px; line-height: 80px; } .anchorPoint a.active { background-color: #B1AC7A; color: #fff } .number { margin: 80px 0 } .number li { font-size: 16px; color: #6B6B6B; text-align: center; border-right: 1px solid #e8e8e8 } .number li:nth-child(4) { border: 0 } .number .numberUnit { font-size: 16px; color: #333; } .number .numberUnit span { color: #1D5896; font-size: 40px; line-height: 40px; display: inline-block } .module h1 { font-size: 32px; text-align: center; color: #1D5896; font-weight: 400; line-height: 60px; width: 140px; margin: auto; border-bottom: 4px solid #1D5896; } .module .bzbm h1 { font-size: 32px; text-align: center; color: #1D5896; font-weight: 400; line-height: 60px; width: 200px; margin: auto; border-bottom: 4px solid #1D5896; } .beijing .article { border: 1px solid #1D5896; width: 1200px; margin: 69px auto 100px } .beijing .TRS_Editor { padding: 47px 40px; font-size: 16px; line-height: 30px; position: relative; text-align: justify; } .beijing .TRS_Editor:before { content: ""; width: 300px; height: 300px; background: url(gdbj.png) no-repeat; background-size: 100%; float: left; left: -80px; top: -77px; position: relative } .beijing .gdbj { width: 300px } .structure .jg { width: 1200px; margin: 60px auto; } .structure .bzbm { /* background: url(webBbzn.png) center no-repeat; */ background-size: 100% 100%; /* padding: 60px 0 100px; */ margin: 0 0 80px; } .structure .mobileHidden { margin: 0; } .structure .ejpt { width: 1200px; margin: 0 auto } .structure .ejpt .mobileHidden { margin: 50px 0 100px } .swiperList { background: #FAFAFA; margin-bottom: 100px; padding: 80px 20px 80px; } .swiperList .swiper-slide { height: 135px; -webkit-box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, .2); box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, .2); border-radius: 8px; text-align: center; font-size: 16px; background: #fff; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; } .swiperList p { margin-top: 10px } .swiperList .img { height: 56px; line-height: 56px; } .swiperList img { max-width: 56px; /* display: block; */ margin: 0 auto; } .swiperList .swiper-container { margin-top: 40px; padding: 10px 0 } .swiperList .swiperContent { text-align: center; margin: 0 auto } @media (max-width:768px) { .main_content { width: 100% } .mobileHidden, .webImage { display: none } .mobileImage { display: block } .descriptionBanner p { left: .24rem; font-size: .46rem; top: 50%; margin-top: -.36rem; } .descriptionBanner span { font-size: .2rem; margin-top: .12rem } .number .numberUnit, .number li { font-size: .2rem; } .number { margin: .36rem 0 .8rem } .number li { border: 0; padding: 0 .1rem; } .number .numberUnit span { font-size: .4rem; line-height: .4rem } .module h1 { font-size: .32rem; margin-bottom: .4rem; line-height: .48rem; width: 1.46rem; border-bottom: 2px solid #1D5896; } .module .bzbm h1 { font-size: .32rem; margin-bottom: .4rem; line-height: .48rem; width: 2.1rem; border-bottom: 2px solid #1D5896; } .beijing .article { width: 90%; margin: .52rem auto .85rem } .beijing .TRS_Editor { padding: .15rem; font-size: .24rem; line-height: .38rem; } .beijing .TRS_Editor:before { width: 2rem; height: 2rem; top: -.5rem; left: -.3rem; } .beijing .gdbj { width: 1.57rem } .structure .jg { width: 90%; margin: 0 auto } .structure .mobileImage { margin-top: .72rem } .structure .bzbm { padding: .85rem 0; margin: 0 0 .6rem } .structure .ejpt { width: 90% } .structure .ejpt .mobileImage { margin: .46rem 0 .52rem } .swiperList { background: #fff; padding: 0 .1rem; margin-bottom: 1.39rem } .swiperList .swiper-slide { font-size: .2rem; height: 1.35rem } .swiperList img { width: .56rem } .swiperList .img { height: .56rem; line-height: .56rem; } .swiperList p { margin-top: .05rem; font-size: .2rem; } .swiperList .swiper-container { padding: .1rem 0; margin-top: .39rem } }