img { max-width: 100%; } .sishu, .sishu-1 { font-family: "楷体"; } .sishu-1 h4 { font-size: 40px; color: #FFFFFF; font-family: "楷体"; margin-bottom: 10px; margin-top: 30px; } .comm_banner .block_txt h3 img { height: auto; } .sishu-1 .comm_banner .block_txt p { background: #b3000f; font-family: "楷体"; } .sishu { background: url("/static/home/images/img-H/s3-b_02.jpg")top center no-repeat; background-size: cover; overflow: hidden; } .content1 { padding: 75px 0 75px 0; } .content1 h2 { font-size: 40px; margin: 0 auto; text-align: center; margin-bottom: 55px; } .content1 h2 span { display: inline-block; position: relative; z-index: 0; } .comm_banner .block_txt h3 { font-size: 72px; color: #fff; letter-spacing: 5px; line-height: 1; margin-bottom: 30px; width: 22%; font-size: 60px; margin: 0 auto; } .content1 h2 span:before { content: " "; position: absolute; width: 100%; height: 100%; right: -20px; top: -10px; background: url("/static/home/images/img-H/zi-bj_03.png")right no-repeat; background-size: contain; z-index: -1; } .content1 p { font-size: 18px; line-height: 30px; margin-bottom: 70px; text-align: center; } .content1 .items { text-align: center; } .content1 .items .item { display: inline-block; color: #FFFFFF; width: 20%; padding: 8% 0; text-align: center; margin: 0 6%; font-size: 36px; font-family: "楷体"; background: url("/static/home/images/img-H/s2-zi_03.png")center no-repeat; background-size: contain; } .content2 { padding: 75px 0 65px 0; } .content2 h2 { font-size: 40px; margin: 0 auto; text-align: center; margin-bottom: 55px; } .content2 h2 span { position: relative; z-index: 0; display: inline-block; } .content2 h2 span:before { content: " "; position: absolute; width: 100%; height: 100%; right: -20px; top: -10px; background: url("/static/home/images/img-H/zi-bj_03.png")right no-repeat; background-size: contain; z-index: -1; } .swiper-container { width: 100%; height: 100%; } .swiper-slide { text-align: center; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .swiper-slide img { width: auto; border-radius: 5px; display: block; height: auto; border: none; max-width: 100%; } .swiper-button-next, .swiper-button-prev { width: 69px; height: 63px; } .content2 .swiper-button-next, .swiper-container-rtl .swiper-button-prev { background-image: url("/static/home/images/img-H/s2-zy_05.png"); background-size: contain; } .content2 .swiper-button-prev, .swiper-container-rtl .swiper-button-next { background-image: url("/static/home/images/img-H/s2-zy_03.png"); background-size: contain; } .maintab ul { list-style: none; text-align: center; margin-bottom: 50px; } .maintab li { display: inline-block; border-bottom: 0 none; position: relative; margin: 0 40px; width: 240px; padding: 21px 0; transition: .5s; background: url("/static/home/images/img-H/s4-zi-bj1_03.png")center no-repeat; } .maintab li.tabhover { background: url("/static/home/images/img-H/s4-zi-bj_03.png")center no-repeat; } .maintab li:hover { background: url("/static/home/images/img-H/s4-zi-bj_03.png")center no-repeat; } .maintab li a { display: block; font-size: 24px; color: #FFFFFF; text-decoration: none; } .tabcontent { clear: both; height: 380px; display: none; } .tabcontent:nth-of-type(1) .item { width: 18%; float: left; margin: 0 3%; } .tabcontent:nth-of-type(2) .item { width: 20%; float: left; margin: 0; } .tabcontent p { font-size: 18px; writing-mode: tb-rl; letter-spacing: 2px; line-height: 30px; position: relative; float: left; } .tabcontent p:before { content: " "; position: absolute; right: -15px; top: 0; width: 1px; height: 100%; background: #000000; } .tabcontent h3 { writing-mode: tb-rl; font-size: 24px; margin-left: 12%; float: left; } .tabcontent .item-img { float: left; margin-left: 8%; width: 40%; } /*手机*/ .maintab1 ul { list-style: none; text-align: center; margin-bottom: 50px; } .maintab1 li { display: inline-block; border-bottom: 0 none; position: relative; margin: 0 40px; width: 240px; padding: 21px 0; transition: .5s; background: url("/static/home/images/img-H/s4-zi-bj1_03.png")center no-repeat; } .maintab1 li.tabhover1 { background: url("/static/home/images/img-H/s4-zi-bj_03.png")center no-repeat; } .maintab1 li:hover { background: url("/static/home/images/img-H/s4-zi-bj_03.png")center no-repeat; background-size: contain; } .maintab1 li a { display: block; font-size: 24px; color: #FFFFFF; text-decoration: none; } .tabcontent1 { clear: both; height: 380px; display: none; } .tabcontent1:nth-of-type(1) .item { width: 18%; float: left; margin: 0 3%; } .tabcontent1:nth-of-type(2) .item { width: 20%; float: left; margin: 0; } .tabcontent1 p { font-size: 18px; letter-spacing: 2px; line-height: 30px; position: relative; float: left; } .tabcontent1 p:before { content: " "; position: absolute; right: -15px; top: 0; width: 1px; height: 100%; background: #000000; } .tabcontent1 h3 { font-size: 24px; margin-left: 12%; float: left; } .tabcontent1 .item-img { float: left; margin-left: 8%; width: 40%; } .content3 { position: relative; } .content3 h2 { font-size: 40px; margin: 0 auto; text-align: center; margin-bottom: 55px; } .content3 h2 span { position: relative; display: inline-block; z-index: 0; } .content3 h2 span:before { content: " "; position: absolute; width: 100%; height: 100%; right: -20px; top: -10px; background: url("/static/home/images/img-H/zi-bj_03.png")right no-repeat; background-size: contain; z-index: -1; } .content3 .conn3-left { float: left; width: 70%; } .conn3-left-img {} .content3 .swiper-pagination { padding: 11px 0; background: url("/static/home/images/img-H/c5-zi_03.png")center no-repeat; } .content3 .swiper-pagination-bullet { width: 15px; height: 15px; background: none; border: 2px solid #FFFFFF; } .content3 .swiper-pagination-bullet-active { background: #FFFFFF; } .content3 .conn3-right { float: right; text-align: right; width: 30%; margin-top: 50px; } .content3 .swiper-container { padding-bottom: 30px; } .content3 .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 50px; left: 0; width: 100%; } .content4 { padding-bottom: 75px; } .content4 p { margin-top: 15px; font-size: 20px; line-height: 30px; text-align: center; margin-bottom: 54px; } .content4 h2 { text-align: center; color: #FFFFFF; font-size: 20px; line-height: 64px; background: url("/static/home/images/img-H/s4-h2_03.png")51% center no-repeat; margin-bottom: 18px; } .content4 h3 { color: #b3000f; text-align: center; font-size: 24px; } .content5 { padding: 75px 0 0 0; } .content5 h2 { font-size: 40px; margin: 0 auto; text-align: center; margin-bottom: 55px; } .content5 h2 span { position: relative; display: inline-block; z-index: 0; } .content5 h2 span:before { content: " "; position: absolute; width: 100%; height: 100%; right: -20px; top: -10px; background: url("/static/home/images/img-H/zi-bj_03.png")right no-repeat; background-size: contain; z-index: -1; } .content5 .conn5 { padding-bottom: 120px; background: url("/static/home/images/img-H/s9-bj_03.png")right center no-repeat; background-size: contain; margin-top: 15px; } .content5 .container>p { font-size: 20px; text-align: center; line-height: 30px; } .content5 .conn5-left { background: ; padding-top: 120px; } .content5 .conn5-left li { width: 100%; margin-bottom: 45px; } .content5 .conn5-left .icon { float: left; } .content5 .conn5-left p { width: 26%; float: left; padding: 10px 0; line-height: 30px; font-size: 20px; margin-left: 20px; } .content6 {} .content6 h2 { font-size: 40px; margin: 0 auto; text-align: center; margin-bottom: 55px; } .content6 h2 span { display: inline-block; z-index: 0; position: relative; } .content6 h2 span:before { content: " "; position: absolute; width: 100%; height: 100%; right: -20px; top: -10px; background: url("/static/home/images/img-H/zi-bj_03.png")right no-repeat; background-size: contain; z-index: -1; } .content6 .conn6 { margin-top: 60px; background: url("/static/home/images/img-H/s6-ul_03.png")center no-repeat; } .content6 .conn6 .conn6-img { float: left; width: 12%; } .content6 .conn6 p { float: left; line-height: 36px; font-size: 20px; } .content6 .conn6 li { margin-bottom: 98px; width: 40%; } .content6 .conn6 li:nth-of-type(odd) { float: left; } .content6 .conn6 li:nth-of-type(even) { float: right; } .content6 .conn6 li:nth-of-type(1) { background: url("/static/home/images/img-H/dao.png")center no-repeat; background-size: contain; } .content6 .conn6 li:nth-of-type(2) { background: url("/static/home/images/img-H/xue.png")center no-repeat; background-size: contain; } .content6 .conn6 li:nth-of-type(3) { background: url("/static/home/images/img-H/de.png")center no-repeat; background-size: contain; } .content6 .conn6 li:nth-of-type(4) { background: url("/static/home/images/img-H/yu.png")center no-repeat; background-size: contain; } .content6 .conn6 li p { width: 78%; margin-left: 25px; padding-top: 30px; } .content7 { padding: 118px 0; } .content7 h2 { font-size: 40px; margin: 0 auto; text-align: center; margin-bottom: 55px; } .content7 h2 span { position: relative; display: inline-block; z-index: 0; } .content7 h2 span:before { content: " "; position: absolute; width: 100%; height: 100%; right: -20px; top: -10px; background: url("/static/home/images/img-H/zi-bj_03.png")right no-repeat; background-size: contain; z-index: -1; } .content7 .conn7 {} .content7 .conn7 li { width: 23.5%; float: left; margin-right: 2%; } .content7 .conn7 .conn7-img { overflow: hidden; height: auto; } .content7 .conn7 .conn7-img img { width: 100%; transition: .5s; height: 100%; } .content7 .conn7 .conn7-img:hover img { transform: scale(1.1); } .content7 .conn7 li:last-child { margin: 0; } .content7 .conn7 li h3 { font-size: 24px; margin-top: 35px; margin-bottom: 20px; } .content7 .conn7 li p { font-size: 18px; line-height: 30px; color: #808080; } .maintab1 { display: none; } .maintab { display: block; } .yuanding { display: none; } .content7 .swiper-container { display: none; } .content7 .conn7 { display: block; } .content2 .swiper-pagination { display: none; } @media only screen and (max-width: 1700px) { .content1 { padding: 70px 0; } .content2 { padding: 60px 0; } .content4 { padding-bottom: 60px; } .content5 { padding-top: 60px; } .content3 .conn3-right { margin: 0; } .tabcontent .item { width: 20%; float: left; margin: 0 2.5%; } .tabcontent:nth-of-type(1) .item { width: 20%; float: left; margin: 0 2%; } } @media only screen and (max-width:1600px) { .tabcontent .item { width: 21%; float: left; margin: 0 2%; } .content2 h2, .content1 h2, .content3 h2, .content5 h2, .content6 h2, .content7 h2 { font-size: 36px; } .tabcontent:nth-of-type(1) .item { width: 21%; float: left; margin: 0px 2%; } .content7 { padding: 90px 0; } .tabcontent:nth-of-type(2) .item { width: 20%; float: left; margin: 0; } .tabcontent .item-img { width: 33%; } .sishu-1 h4 { font-size: 36px; } .comm_banner .block_txt p { font-size: 18px; } .comm_top { margin-top: 145px; } } @media only screen and (max-width:1500px) { .comm_top { margin-top: 129px; } .tabcontent .item { width: 22%; float: left; margin: 0 1%; } .tabcontent:nth-of-type(1) .item { width: 21%; } .tabcontent h3 { margin-left: 8%; } .tabcontent p:before { right: -8%; } .content1 { padding: 60px 0; } .content5 { padding-top: 50px; } .content5 .conn5 { padding-bottom: 100px } .content7 { padding: 70px 0; } .content1 .items .item { font-size: 32px; } } @media only screen and (max-width: 1440px) { .sishu-1 h4 { font-size: 32px; } .content2 h2, .content1 h2, .content3 h2, .content5 h2, .content6 h2, .content7 h2 { font-size: 34px; } .content1 .items .item { font-size: 30px; } .tabcontent h3 { font-size: 22px; } .tabcontent p, .content1 p, .content4 p, .content5 .conn5-left p, .content6 .conn6 li p, .content7 .conn7 li p { line-height: 28px; } .content1, .content2 { padding: 50px 0; } .content4 { padding-bottom: 50px; } .content7 { padding: 60px 0; } } @media only screen and (max-width:1366px) { .sishu-1 h4 { margin-top: 20px; } .sishu-1 h4 { font-size: 28px; } .content2 h2, .content1 h2, .content3 h2, .content5 h2, .content6 h2, .content7 h2 { font-size: 32px; } .content1, .content2 { padding: 40px 0; } .content1 .items .item { font-size: 26px; } .content1 h2 { margin-bottom: 35px; } .content1 p { margin-bottom: 50px; } .tabcontent h3 { font-size: 20px; } .tabcontent h3 { margin-left: 6%; } .content3 h2 { width: 21%; } .content4 { padding: 0; } .content7 { padding: 50px 0; } .tabcontent p, .content1 p, .content4 p, .content5 .conn5-left p, .content6 .conn6 li p, .content7 .conn7 li p, .content5 .container>p { line-height: 26px; } .content6 .conn6 li p { page: 20px; } } @media only screen and (max-width:1200px) { .content2 h2, .content1 h2, .content3 h2, .content5 h2, .content6 h2, .content7 h2 { font-size: 26px; } .content1 h2 span:before, .content2 h2 span:before, .content2 h2 span:before, .content5 h2 span:before, .content6 h2 span:before, .content7 h2 span:before { height: 40px; } .content1, .content2 { padding: 30px 0; } .content1 .items .item { font-size: 22px; } .maintab li a { font-size: 20px; } .tabcontent p { font-size: 16px; } .tabcontent h3 { font-size: 18px; } .tabcontent:nth-of-type(1) .item { margin: 0 1%; width: 22%; } .tabcontent h3 { margin-left: 4%; } .tabcontent:nth-of-type(1) .item-img { width: 44%; } .tabcontent p, .content1 p, .content4 p, .content5 .conn5-left p, .content6 .conn6 li p, .content7 .conn7 li p, .content5 .container>p { font-size: 16px; } .content5 .conn5-left { padding-top: 50px; } .content5 .conn5 { padding-bottom: 30px; } .content6 .conn6 li { margin-bottom: 70px; height: 178px; width: 39%; } .content6 .conn6 li p { font-size: 14px; margin-left: 20px; padding-top: 20px; } .content7 { padding: 40px 0; } .content7 .conn7 li h3 { font-size: 20px; margin-top: 20px; margin-bottom: 15px; } .content5 { padding: 30px 0; } .content1 h2, .content1 p, .maintab ul, .content3 h2, .content4 p, .content5 h2, .content7 h2 { margin-bottom: 30px; } .content6 .conn6 { margin-top: 40px } } @media only screen and (max-width:992px) { .tabcontent1 p:before { display: none; } .comm_top { margin-top: 60px; } .content1 h2, .content1 p, .maintab ul, .content3 h2, .content4 p, .content5 h2, .content7 h2 { margin-bottom: 20px; width: 100%; font-size: 20px; } .content2 h2, .content1 h2, .content3 h2, .content5 h2, .content6 h2, .content7 h2 { font-size: 18px; width: 100%; margin-bottom: 20px; } .tabcontent p, .content1 p, .content4 p, .content5 .conn5-left p, .content6 .conn6 li p, .content7 .conn7 li p, .content5 .container>p { line-height: 24px; font-size: 14px; } .content1 .items .item { font-size: 12px; } .content1, .content2 { padding-bottom: 20px; } .maintab li.tabhover { background: url("/static/home/images/img-H/s4-zi-bj_03.png")center no-repeat; background-size: contain; } .maintab li { display: inline-block; border-bottom: 0 none; position: relative; margin: 0 10px; width: 40%; padding: 21px 0; transition: .5s; background: url("/static/home/images/img-H/s4-zi-bj1_03.png")center no-repeat; background-size: contain; } .tabcontent:nth-of-type(1) .item { width: 48%; } .tabcontent:nth-of-type(1) .item { margin: 0 1%; width: 48%; height: 340px; } .tabcontent:nth-of-type(2) .item { width: 48%; height: 400px; } .tabcontent:nth-of-type(2) .item:nth-of-type(odd) { float: left; } .tabcontent:nth-of-type(2) .item:nth-of-type(even) { float: right; } .content3 { clear: both; } .content3 .conn3-left { width: 100%; } .content3 .swiper-pagination { padding: 11px 0; background: url("/static/home/images/img-H/c5-zi_03.png")center no-repeat; background-size: contain; } .content3 .conn3-right { width: 65%; margin: 0 auto; float: none; } .content4 { margin-top: -60px; } .content3 .swiper-container { padding-bottom: 0px; } .content5 .conn5-left { padding-top: 20px; } .content5 .conn5-left p { width: 68%; } .content5 .conn5 { background: none; } .content5 .conn5-left li { margin-bottom: 20px; } .content5 .conn5 { padding: 0 15px; } .content6 .conn6 { margin-top: 0; } .content6 .conn6 li { width: 100%; } .content6 .conn6 li { margin-bottom: 20px; } .content6 .conn6 { background: none; } .content7 { padding: 0; padding-bottom: 20px; } .content7 .conn7 li { width: 100%; margin-bottom: 20px; position: relative; } .maintab li a { font-size: 18px; } .content7 .conn7 .conn7-img img { width: 100%; } .content1 h2:before { right: -1%; background-size: contain; } .content2 h2:before { right: 24%; background-size: contain; } .content3 h2:before { right: 26%; background-size: contain; } .content5 h2:before, .content6 h2:before { right: 39%; background-size: contain; } .content7 h2:before { right: 26%; background-size: contain; } .content6 .conn6 li:nth-of-type(even) .conn6-img { float: right; } .content6 .conn6 li p { padding-top: 20px; } .maintab1 { display: block; } .maintab { display: none; } .tabcontent1 .item { width: 100% !important; margin: 0 !important; margin-bottom: 20px !important; } .tabcontent1 .item-img { float: left; margin-left: 0%; width: 20%; } .tabcontent1 .text { width: 75%; float: left; margin-left: 5%; } .tabcontent1 h3 { margin-left: 0%; font-size: 16px; float: none; } .tabcontent1 p { font-size: 14px; float: none; line-height: 24px; } .tabcontent1 p br { display: none; } .content3 .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 10px; } .maintab1 li a { font-size: 16px; } .maintab1 li.tabhover1 { width: 155px; background: url("/static/home/images/img-H/s4-zi-bj_03.png")center no-repeat; background-size: contain; } .maintab1 li { width: 155px; margin: 0 5px; background-size: contain; } .swiper-button-next, .swiper-button-prev { width: 40px; height: 63px; } .content4 h2 { font-size: 16px; line-height: 55px; background-size: contain; } .content7 .conn7 li h3 { font-size: 16px; margin-top: 0; } .comm_banner .block_txt p { font-size: 14px; } .sishu-1 h4 { font-size: 22px; } .sishu { background: url("/static/home/images/img-H/S3-app-bj_02.jpg")top center no-repeat; background-size: cover; overflow: hidden; } .content6 .container { padding: 0 30px; } .yuanding { display: block; } .conn12-text { position: absolute; bottom: 0; width: 100%; color: #FFFFFF; background: rgba(0, 0, 0, .7); padding: 10px 25px; box-sizing: border-box; } .content7 .conn7 li p { font-size: 12px; } .content7 .conn7-img { width: 100%; } .content7 .conn7-img img { width: 100%; } .conn12-text p { font-size: 12px; line-height: 24px; text-align: left; } .conn12-text h3 { font-size: 16px; margin-bottom: 10px; text-align: left; } .content7 .swiper-container { display: block; } .content7 .conn7 { display: none; } .content6 .conn6 li:nth-of-type(1) { background: url("/static/home/images/img-H/dao.png")15% center no-repeat; background-size: 100px 100px; } .content6 .conn6 li:nth-of-type(2) { background: url("/static/home/images/img-H/xue.png")85% center no-repeat; background-size: 100px 100px; } .content6 .conn6 li:nth-of-type(3) { background: url("/static/home/images/img-H/de.png")15% center no-repeat; background-size: 100px 100px; } .content6 .conn6 li:nth-of-type(4) { background: url("/static/home/images/img-H/yu.png")85% center no-repeat; background-size: 100px 100px; } .content7 .swiper-button-prev { background-image: url("/static/home/images/img-H/app-jiantou1_03.png"); } .content7 .swiper-button-next { background-image: url("/static/home/images/img-H/app-jiantou_05.png"); } .content7 .swiper-button-next, .content7 .swiper-button-prev { width: 15px; background-size: contain; } .content2 .swiper-pagination-bullet { background: #FFFFFF; border: 2px solid #000000; width: 10px; opacity: 1; height: 10px; } .content2 .swiper-pagination-bullet-active { background: #000000; } .content2 .swiper-button-next, .swiper-container-rtl .swiper-button-prev, .content2 .swiper-button-prev, .swiper-container-rtl .swiper-button-next { display: none; } .content3 .conn3-right { display: none; } .content2 .swiper-pagination { display: block; } } @media only screen and (max-width:400px) { .maintab1 li, .maintab1 li.tabhover1 { width: 130px; } .maintab1 li a { font-size: 15px; } .content5 .conn5-left .icon { float: left; width: 64px; } .content4 h2 { font-size: 14px; background-size: contain; } .comm_banner .block_txt h3 { width: 48%; } }