.linehide { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: break-all; } .clearfix:after { content: ""; clear: both; height: 0; overflow: hidden; visibility: hidden; display: block; } .clearfix { zoom: 1; } .title { text-align: center; } .title .title-img { width: 467px; display: block; margin: 0 auto; } .title a { display: inline-block; font-family: pingfangsc, pingfang sc; font-weight: 400; font-size: 16px; color: #7db258; margin-top: 13px; } .title a .jt { width: 16px; display: inline-block; vertical-align: -3px; -webkit-transition: all .5s ease; -o-transition: all .5s ease; -moz-transition: all .5s ease; transition: all .5s ease; } .title a:hover .jt { transform: rotate(90deg); } .banner-swiper { width: 100%; height: auto; } .banner-swiper .swiper { width: 100%; height: 100%; min-width: 1200px; } .banner-swiper .swiper img { width: 100%; height: 100%; display: block; cursor: pointer; } .banner-swiper .swiper .swiper-horizontal > .swiper-pagination-bullets, .banner-swiper .swiper .swiper-pagination-bullets.swiper-pagination-horizontal, .banner-swiper .swiper .swiper-pagination-custom, .banner-swiper .swiper .swiper-pagination-fraction { bottom: 35px; left: 0; width: 100%; } .banner-swiper .swiper .swiper-pagination-bullet-active { width: 80px; height: 8px; background: #d8d8d8; border-radius: 4px; opacity: 1 !important; background-color: #316739 !important; } .banner-swiper .swiper .swiper-pagination-bullet { border-radius: 4px; width: 55px; height: 5px; background-color: rgba(255, 255, 255, 1); margin-right: 15px !important; opacity: .7; } .part1 { padding-top: 80px; position: relative; } .part1 .ta { position: absolute; left: 50%; top: 100px; z-index: 99; margin-left: -820px; } .part1 .ta img { width: 193px; } .part1 .pt1_lf { width: 595px; float: left; margin-right: 7px; } .part1 .pt1_lf ul { display: flex; flex-wrap: wrap; } .part1 .pt1_lf ul li { width: 294px; height: 122px; background: #c6ddc1; box-shadow: 2px 2px 4px 1px #dbdbdb; margin-right: 7px; margin-bottom: 8px; position: relative; border-bottom: 7px solid rgba(179, 212, 174, 0.39); padding: 22px 12px 19px 12px; } .part1 .pt1_lf ul li:first-child { width: 595px; height: 255px; background: no-repeat center top; background-size: 100% 255px; margin-bottom: 7px; margin-right: 0; padding: 50px 0 0 40px; overflow: hidden; border: 0; border-radius: 0 20px 0 0; } .part1 .pt1_lf ul li:first-child h3 { font-family: sourcehansanscn, sourcehansanscn; font-weight: bold; font-size: 38px; color: #ffffff; } .part1 .pt1_lf ul li:first-child a { font-family: pingfangsc, pingfang sc; font-weight: 400; font-size: 16px; color: #ffffff; display: inline-block; margin-top: 15px; } .part1 .pt1_lf ul li:first-child a:hover .tz { transform: rotate(90deg); } .part1 .pt1_lf ul li:first-child .tz { width: 16px; vertical-align: -3px; -webkit-transition: all .5s ease; -o-transition: all .5s ease; -moz-transition: all .5s ease; transition: all .5s ease; margin-left: 5px; } .part1 .pt1_lf ul li:first-child .rotae { width: 339px; display: block; position: absolute; right: -95px; top: 24px; opacity: 1; animation: cc 20s linear 0s infinite; } .part1 .pt1_lf ul li:nth-child(3) { margin-right: 0; } .part1 .pt1_lf ul li:nth-child(5) { margin-right: 0; } .part1 .pt1_lf ul li p a { font-weight: 400; font-size: 16px; color: #777; line-height: 27px; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis; word-break: break-all; display: block; height: 85px; display: -webkit-box !important; } .part1 .pt1_rh { width: 595px; float: left; } .part1 .pt1_rh ul { display: flex; flex-wrap: wrap; } .part1 .pt1_rh ul li { width: 294px; height: 122px; background: #eef8c5; box-shadow: 2px 2px 4px 1px #dbdbdb; margin-right: 7px; margin-bottom: 9px; position: relative; border-bottom: 7px solid rgba(209, 227, 131, 0.39); padding: 22px 12px 19px 12px; } .part1 .pt1_rh ul li:first-child { margin-bottom: 10px; } .part1 .pt1_rh ul li:last-child { width: 595px; height: 252px; background: no-repeat center top; background-size: 100% 255px; margin-right: 0; padding: 50px 0 0 40px; overflow: hidden; border: 0; border-radius: 0 20px 0 0; } .part1 .pt1_rh ul li:last-child h3 { font-family: sourcehansanscn, sourcehansanscn; font-weight: bold; font-size: 38px; color: #ffffff; } .part1 .pt1_rh ul li:last-child a { font-family: pingfangsc, pingfang sc; font-weight: 400; font-size: 16px; color: #ffffff; display: inline-block; margin-top: 15px; } .part1 .pt1_rh ul li:last-child a:hover .tz { transform: rotate(90deg); } .part1 .pt1_rh ul li:last-child .tz { width: 16px; vertical-align: -3px; -webkit-transition: all .5s ease; -o-transition: all .5s ease; -moz-transition: all .5s ease; transition: all .5s ease; margin-left: 5px; } .part1 .pt1_rh ul li:last-child .rotae { width: 339px; display: block; position: absolute; right: -95px; top: 24px; opacity: 1; animation: cc 20s linear 0s infinite; } .part1 .pt1_rh ul li:nth-child(2) { margin-right: 0; } .part1 .pt1_rh ul li:nth-child(4) { margin-right: 0; } .part1 .pt1_rh ul li p a { font-weight: 400; font-size: 16px; color: #777; line-height: 27px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis; word-break: break-all; height: 85px; } .part2 { width: 100%; height: 1336px; background: no-repeat center top; background-size: 100% 1336px; margin-top: 90px; padding-top: 87px; min-width: 1200px; } .part2 ul { margin-top: 30px; } .part2 ul li { display: flex; align-items: center; margin-bottom: 42px; padding-left: 157px; } .part2 ul li a { display: block; width: 289px; height: 158px; margin-right: 12px; overflow: hidden; } .part2 ul li a:hover img { transform: scale(1.1); } .part2 ul li a img { width: 100%; height: 158px; display: block; -webkit-transition: all .5s ease; -o-transition: all .5s ease; -moz-transition: all .5s ease; transition: all .5s ease; } .part2 ul li a:last-child { margin-right: 0; } .part2 ul li:nth-child(1) { width: 1200px; height: 308px; background: no-repeat center top; background-size: 100% 308px; } .part2 ul li:nth-child(2) { width: 1200px; height: 308px; background: no-repeat center top; background-size: 100% 308px; } .part2 ul li:nth-child(3) { width: 1200px; height: 308px; background: no-repeat center top; background-size: 100% 308px; } .part3 { width: 100%; height: 511px; background: no-repeat center top; background-size: 100% 511px; margin-top: 317px; } .part3 .layout { position: relative; } .part3 .title { position: absolute; top: -232px; left: 50%; transform: translatex(-50%); z-index: 9; } .part3 .title .title-img { width: 343px; } .part3 #swiper2 { width: 100%; height: 679px; padding-top: 129px; position: absolute; top: -168px; } .part3 #swiper2 .swiper-slide p { cursor: pointer; } .part3 #swiper2 .swiper-slide img { width: 388px; height: 479px; display: block; user-select: none; cursor: pointer; } .part3 #swiper2 .swiper-slide:nth-child(1), .part3 #swiper2 .swiper-slide:nth-child(4), .part3 #swiper2 .swiper-slide:nth-child(7), .part3 #swiper2 .swiper-slide:nth-child(10), .part3 #swiper2 .swiper-slide:nth-child(13), .part3 #swiper2 .swiper-slide:nth-child(16), .part3 #swiper2 .swiper-slide:nth-child(19), .part3 #swiper2 .swiper-slide:nth-child(22), .part3 #swiper2 .swiper-slide:nth-child(25), .part3 #swiper2 .swiper-slide:nth-child(28), .part3 #swiper2 .swiper-slide:nth-child(31), .part3 #swiper2 .swiper-slide:nth-child(34), .part3 #swiper2 .swiper-slide:nth-child(37), .part3 #swiper2 .swiper-slide:nth-child(40), .part3 #swiper2 .swiper-slide:nth-child(43), .part3 #swiper2 .swiper-slide:nth-child(46), .part3 #swiper2 .swiper-slide:nth-child(49), .part3 #swiper2 .swiper-slide:nth-child(52) { margin-top: -130px; } .part3 #swiper2 .swiper-slide:nth-child(3), .part3 #swiper2 .swiper-slide:nth-child(6), .part3 #swiper2 .swiper-slide:nth-child(9), .part3 #swiper2 .swiper-slide:nth-child(12), .part3 #swiper2 .swiper-slide:nth-child(15), .part3 #swiper2 .swiper-slide:nth-child(18), .part3 #swiper2 .swiper-slide:nth-child(21), .part3 #swiper2 .swiper-slide:nth-child(24), .part3 #swiper2 .swiper-slide:nth-child(27), .part3 #swiper2 .swiper-slide:nth-child(30), .part3 #swiper2 .swiper-slide:nth-child(33), .part3 #swiper2 .swiper-slide:nth-child(36), .part3 #swiper2 .swiper-slide:nth-child(39), .part3 #swiper2 .swiper-slide:nth-child(42), .part3 #swiper2 .swiper-slide:nth-child(45), .part3 #swiper2 .swiper-slide:nth-child(48), .part3 #swiper2 .swiper-slide:nth-child(51) { margin-top: -90px; } .part3 .swiper-horizontal > .swiper-scrollbar { position: absolute; left: 34%; bottom: 3px; top: 86px; z-index: 50; height: 12px; width: 389px; } .part3 .swiper-scrollbar { background: rgba(53, 121, 9, 0.35); border-radius: 6px; } .part3 .swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: #81b45f; border-radius: 10px; left: 0; top: 0; } .part4 { padding-top: 114px; } .part4 .more { display: inline-block; font-family: pingfangsc, pingfang sc; font-weight: 400; font-size: 16px; color: #7db258; position: absolute; bottom: 17px; right: 15px; z-index: 9; } .part4 .more img { width: 16px; display: inline-block; vertical-align: -3px; } .part4 .layout { position: relative; } .part4 .title-img { width: 299px; margin: 3px 0 0 0; } .part4 .title { position: absolute; left: 0; } .part4 #swiper3 { height: 427px; } .part4 #swiper3 .swiper-button-prev:after { display: none; } .part4 #swiper3 .swiper-button-next:after { display: none; } .part4 #swiper3 .swiper-button-next, .part4 #swiper3 .swiper-button-prev { position: absolute; bottom: 12px; top: inherit; } .part4 #swiper3 .swiper-button-next { width: 34px; height: 34px; background: no-repeat center top; background-size: cover; } .part4 #swiper3 .swiper-button-prev { width: 34px; height: 34px; background: no-repeat center top; background-size: cover; } .part4 #swiper3 .swiper-button-prev { right: 230px; left: inherit; } .part4 #swiper3 .swiper-button-next { right: 122px; left: auto; } .part4 #swiper3 .swiper-horizontal > .swiper-pagination-bullets, .part4 #swiper3 .swiper-pagination-bullets.swiper-pagination-horizontal, .part4 #swiper3 .swiper-pagination-custom, .part4 #swiper3 .swiper-pagination-fraction { bottom: 10px; left: inherit; width: 6%; } .part4 #swiper3 .swiper-pagination-fraction { bottom: 15px; right: 155px; width: 6%; font-size: 20px; color: #31693e; } .part4 #swiper3 .swiper-pagination-fraction span { font-family: sourcehansanscn, sourcehansanscn; font-weight: 400; font-size: 20px; color: #31693e; } .part4 #swiper3 .swiper-slide:nth-child(odd) { width: 552px; height: 344px; background: no-repeat center top; background-size: 552px 344px; display: flex; align-items: center; justify-content: center; margin-top: 82px; } .part4 #swiper3 .swiper-slide:nth-child(even) { width: 552px; height: 344px; background: no-repeat center top; background-size: 552px 344px; display: flex; align-items: center; justify-content: center; } .part4 #swiper3 .swiper-slide span { display: block; width: 499px; height: 284px; position: relative; overflow: hidden; cursor: pointer; } .part4 #swiper3 .swiper-slide span .mork { width: 100%; height: 60px; background-color: rgba(0, 0, 0, 0.4); position: absolute; bottom: 0; font-family: pingfangsc, pingfang sc; font-weight: 400; font-size: 20px; color: #ffffff; text-align: center; line-height: 60px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: break-all; } .part4 #swiper3 .swiper-slide img { width: 499px; height: 284px; } .part5 { width: 100%; height: 663px; background: no-repeat center top; background-size: 100% 663px; min-width: 1200px; margin-top: 80px; padding-top: 53px; } .part5 .title { float: left; } .part5 .title-img { width: 86px; margin: 0; } .part5 .wrap { width: 1100px; height: 523px; margin-left: 111px; padding-top: 104px; overflow: hidden; cursor: pointer; } .part5 .wrap .on { width: 49%; } .part5 .wrap .on .mlqx-tit { width: 20%; } .part5 .wrap .on .mlqx-tit { display: none; } .part5 .wrap li { width: 12%; height: 419px; float: left; cursor: pointer; transition: all 0.5s; } .part5 .wrap li:hover .mlqx-tit { transform: translatey(-20px); } .part5 .wrap li:first-child:hover .mlqx-tit { background-image: ; } .part5 .wrap li:nth-child(2):hover .mlqx-tit { background-image: ; } .part5 .wrap li:nth-child(3):hover .mlqx-tit { background-image: ; } .part5 .wrap li:nth-child(4):hover .mlqx-tit { background-image: ; } .part5 .wrap li:nth-child(5):hover .mlqx-tit { background-image: ; } .part5 .wrap li:first-child .mlqx-tit { background-image: ; } .part5 .wrap li:first-child .mlqx-main { background-image: ; } .part5 .wrap li:nth-child(2) .mlqx-tit { background-image: ; } .part5 .wrap li:nth-child(2) .mlqx-main { background-image: ; } .part5 .wrap li:nth-child(3) .mlqx-tit { background-image: ; } .part5 .wrap li:nth-child(3) .mlqx-main { background-image: ; } .part5 .wrap li:nth-child(4) .mlqx-tit { background-image: ; } .part5 .wrap li:nth-child(4) .mlqx-main { background-image: ; } .part5 .wrap li:nth-child(5) .mlqx-tit { background-image: ; } .part5 .wrap li:nth-child(5) .mlqx-main { background-image: ; } .part5 .wrap li .mlqx-tit { float: left; width: 100%; position: relative; height: 100%; z-index: 9; background-repeat: no-repeat; background-size: cover; background-position: center center; transition: all 0.5s; } .part5 .wrap li .mlqx-main { overflow: hidden; height: 100%; background-repeat: repeat-x; background-position: center bottom; transition: all 0.5s; position: relative; background-size: cover; padding: 60px 16px 0 26px; } .part5 .wrap li .mlqx-main .tit h3 { font-family: pingfangsc, pingfang sc; font-weight: 500; font-size: 20px; color: #c8df5d; float: left; padding-left: 73px; } .part5 .wrap li .mlqx-main .tit a { font-family: pingfangsc, pingfang sc; font-weight: 400; font-size: 16px; color: #c8df5d; float: right; } .part5 .wrap li .mlqx-main .tit a:hover img { transform: rotate(90deg); } .part5 .wrap li .mlqx-main .tit a img { width: 16px; vertical-align: -3px; -webkit-transition: all .5s ease; -o-transition: all .5s ease; -moz-transition: all .5s ease; transition: all .5s ease; } .part5 .wrap li .mlqx-main ul { margin-top: 23px; } .part5 .wrap li .mlqx-main ul li { width: 484px; height: 126px; background-color: rgba(193, 210, 114, 0.61); padding: 20px 37px 0 24px; margin-bottom: 16px; } .part5 .wrap li .mlqx-main ul li a p { font-family: pingfangsc, pingfang sc; font-weight: 500; font-size: 18px; color: #316739; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; word-break: break-all; } .part5 .wrap li .mlqx-main ul li a i { display: block; width: 100%; height: 1px; border: 1px dashed #31693e; margin-top: 13px; } .part5 .wrap li .mlqx-main ul li a .c1 { margin-top: 6px; } .part5 .wrap li .mlqx-main ul li a span { font-family: pingfangsc, pingfang sc; font-weight: 400; font-size: 14px; color: #31693e; float: left; } .part5 .wrap li .mlqx-main ul li a h3 { font-family: pingfangsc, pingfang sc; font-weight: 400; font-size: 14px; color: #31693e; float: right; } .part5 .wrap li .mlqx-main .pt5-box-c { display: flex; justify-content: space-between; margin-top: 43px; } .part5 .wrap li .mlqx-main .pt5-box-c .pt5-imgll { width: 34px; display: block; object-fit: contain; } .part5 .wrap li .mlqx-main .pt5-box-c .pt5-book { width: 409px; height: 114px; background: no-repeat center top; background-size: 409px 114px; position: relative; display: flex; justify-content: space-evenly; } .part5 .wrap li .mlqx-main .pt5-box-c .pt5-book .pt5-bom { width: 100%; height: 36px; background: no-repeat center top; background-size: 100% 36px; position: absolute; bottom: 0; } .part5 .wrap li .mlqx-main .pt5-box-c .pt5-book a { margin-top: -20px; } .part5 .wrap li .mlqx-main .pt5-box-c .pt5-book a img { width: 90px; display: block; } .part5 .wrap li .mlqx-main .pt5-bck { width: 484px; height: 126px; background: rgba(193, 210, 114, 0.61); margin-top: 34px; padding: 10px 41px 0 41px; display: flex; justify-content: space-between; } .part5 .wrap li .mlqx-main .pt5-bck a { display: block; width: 155px; } .part5 .wrap li .mlqx-main .pt5-bck .pt5-rw { height: 193px; background: #c8df5d; display: flex; align-items: center; justify-content: center; width: 155px; } .part5 .wrap li .mlqx-main .pt5-bck .pt5-rw img { width: 140px; height: 176px; display: block; } .part5 .wrap li .mlqx-main .pt5-bck span { font-family: pingfangsc, pingfang sc; font-weight: 500; font-size: 18px; color: #c8df5d; display: block; padding-top: 8px; text-align: center; } .part6 { width: 100%; min-width: 1200px; padding-top: 72px; position: relative; padding-bottom: 60px; } .part6 .title-img { width: 478px; } .part6 .pt6-bck { width: 100%; height: 840px; background: no-repeat center top; background-size: 100% 840px; position: absolute; bottom: 70px; z-index: -1; } .part6 .pt6-course { margin-top: 37px; } .part6 .pt6-course ul li { width: 293px; height: 107px; background: #c4dcc0; text-align: center; display: flex; flex-direction: column; align-items: center; justify-content: center; position: relative; overflow: hidden; -webkit-transition: all .5s ease; -o-transition: all .5s ease; -moz-transition: all .5s ease; transition: all .5s ease; cursor: pointer; margin-right: 1px; margin-bottom: 1px; float: left; } .part6 .pt6-course ul li:nth-child(4n) { margin-right: 0; } .part6 .pt6-course ul li:hover { background-color: #7db25c; } .part6 .pt6-course ul li:hover span { color: white; } .part6 .pt6-course ul li:hover .pt6-mork { display: block; } .part6 .pt6-course ul li span { font-family: sourcehansanscn, sourcehansanscn; font-weight: 400; font-size: 16px; color: #666666; } .part6 .pt6-course ul li .pt6-mork { width: 83px; height: 25px; background: #c7de5d; box-shadow: 1px 0px 4px 0px rgba(135, 135, 135, 0.5); border-radius: 13px; text-align: center; line-height: 25px; margin-top: 16px; display: none; } .part6 .pt6-course ul li .pt6-mork a { font-family: sourcehansanscn, sourcehansanscn; font-weight: 500; font-size: 14px; color: #ffffff; text-shadow: 1px 0px 4px rgba(135, 135, 135, 0.5); } .part6 .pt6-course ul li .pt6-mork img { width: 127px; position: absolute; bottom: -30px; left: -34px; opacity: .2; } .zjfz { margin-top: 72px; } .zjfz .title-img { width: 315px; } .part7 { width: 100%; height: 344px; background: no-repeat center top; background-size: cover; padding-top: 70px; min-width: 1200px; } .part7 .title-img { width: 225px; } .part7 ul { margin-top: 50px; display: flex; } .part7 ul li img { width: 300px; height: 100px; display: block; } .part8 { padding-top: 60px; position: relative; } .part8 .pt8-bom-bck { width: 100%; height: 477px; background: no-repeat center top; background-size: 100% 477px; position: absolute; bottom: 0; z-index: -1; } .part8 .title-img { width: 225px; } .part8 .pt8-top { width: 100%; height: 182px; background: no-repeat center top; background-size: cover; margin-top: 30px; text-align: center; overflow: hidden; } .part8 .pt8-top .pt8-box { width: 500px; margin: 125px auto 0; display: flex; justify-content: space-evenly; } .part8 .pt8-top a { display: inline-block; background-color: #d6e1a5; color: #306637; border-radius: 30px; width: 114px; height: 36px; line-height: 38px; font-weight: 500; font-size: 16px; } .part8 .pt8-top a:hover { background-color: #38790b; color: white; } .part8 .pt8-text-list { margin-top: 33px; position: relative; } .part8 .pt8-lf-box { width: 470px; height: 252px; background: #7fb25b; position: relative; z-index: 999; top: 14px; } .part8 .pt8-lf-box a { width: 470px; height: 252px; display: flex; justify-content: center; align-items: center; } .part8 .pt8-lf-box img { width: 443px; height: 225px; display: block; } .part8 .pt8-c .pt8-c-img { width: 282px; position: absolute; bottom: 0; right: 0; z-index: -1; } .part8 .pt8-rh-box { width: 876px; height: 281px; background: #ffffff; box-shadow: 0px 0px 5px 2px rgba(200, 200, 200, 0.5); position: absolute; top: 0; right: 0; z-index: 99; padding: 52px 0 0 187px; } .part8 .pt8-rh-box .pt8-tit img { width: 42px; height: 42px; vertical-align: middle; } .part8 .pt8-rh-box .pt8-tit span { font-family: pingfangsc, pingfang sc; font-weight: 600; font-size: 16px; color: #31693e; padding-left: 10px; } .part8 .pt8-rh-box .pt8-detail { margin-top: 28px; } .part8 .pt8-rh-box .pt8-detail p { display: inline-block; font-family: sourcehansanscn, sourcehansanscn; font-weight: 400; font-size: 18px; color: #666666; text-indent: 2rem; line-height: 40px; padding-right: 50px; } .part8 .pt8-rh-box .pt8-detail a { color: #31693e; font-family: sourcehansanscn, sourcehansanscn; font-weight: 400; font-size: 18px; } .part8 .pt8-rh-box .pt8-detail a:hover { color: #d0e28c; } .fixed-r { position: fixed; right: 50%; margin-right: -750px; top: 55%; z-index: 99; transition: all 2s; background: #d0e28c; border-radius: 70px; padding: 56px 20px; } .fixed-r ul { text-align: center; padding: 0px; display: block; } .fixed-r ul li .show1 { display: none; } .fixed-r ul li { margin-bottom: 35px; position: relative; } .fixed-r ul li:last-child { margin-bottom: 0; } .fixed-r ul li:hover .show1 { display: block; } .fixed-r ul li a div img { width: 74px; display: inline-block; vertical-align: middle; margin: 0 auto; position: relative; z-index: 9; } .fixed-r ul li .wx_show { width: 114px; height: 110px; background: #ffffff; box-shadow: 0px 2px 12px 0px rgba(50, 50, 51, 0.12); position: absolute; top: -23px; left: -145px; z-index: 99; } .fixed-r ul li .wx_show img { width: 84px; margin: 12px 8px; } .fixed-r ul li .wx_show::after { border: 10px solid transparent; border-left: 10px solid #fff; width: 0; height: 0; position: absolute; content: ' '; right: -20px; top: 44px; } @keyframes cc { 0% { transform: rotate(0); } 100% { transform: rotate(360deg); } } @media (max-width: 1750px) { .fixed-r { margin-right: 0; right: 0; top: 25%; } .part1 .ta { position: absolute; left: 0; top: 0; z-index: 99; margin-left: 0; } } .idblbbox { overflow: hidden; } .idblbbox .ijsffbox { width: 1200px; /* height: 500px; */ float: left; position: relative; } .idblbbox .ilsdxbox { width: 560px; background: ; height: 460px; float: right; position: relative; overflow: hidden; } .idblbbox .ilsdxbox .ilsdxwzimg { position: absolute; top: 258px; right: 103px; z-index: 10; } .ilsdxlibw { width: 509px; height: 100px; background: ; position: absolute; bottom: -43px; right: 0px; z-index: 8888; } .ilsdxlibw a { padding: 32px 30px 0 38px; font-size: 14px; color: #fff; line-height: 24px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; display: block; } .ilsdxlitime { position: absolute; top: -65px; left: 47px; } .ilsdxlitimen span, .ilsdxlitimey span { font-family: 'roboto', sans-serif; color: #fff; font-size: 60px; font-style: italic; padding-right: 15px; line-height: 60px; font-weight: 200; } .ilsdxlitimey span { color: #fed844; font-weight: 500; } .ilsdxlitimen i, .ilsdxlitimey i { color: #fff; font-size: 18px; font-style: italic; } .ijsfftitle { margin-top: 33px; } .ijsfftitle span { border-bottom: 0px !important; } .zzsc-container { margin-top: 24px; } .flipster .flipster-nav { display: none !important; } .flip-items, .flip-item, .flip-items .flip-content, .flip-items .flip-content a, .flip-items .flip-content a img { width: 180px !important; height: 232px !important; } .flipster-carousel .flip-item { padding: 0 10px; } .flipster-carousel .flip-past { transform: translatex(-258%) translatez(0) rotatey(51deg) scale(0.75); } .flipster-carousel .flip-future { -webkit-transform: translatex(258%) translatez(0) rotatey(-51deg) scale(0.75); -moz-transform: translatex(258%) translatez(0) rotatey(-51deg) scale(0.75); -o-transform: translatex(258%) translatez(0) rotatey(-51deg) scale(0.75); -ms-transform: translatex(258%) translatez(0) rotatey(-51deg) scale(0.75); transform: translatex(258%) translatez(0) rotatey(-51deg) scale(0.75); } .flipster-carousel .flip-prev2, .flipster-carousel .flip-next2 { -webkit-opacity: 0.9; -moz-opacity: 0.9; opacity: 0.9; z-index: 2; -webkit-transition-delay: 58.333333333333336ms; -moz-transition-delay: 58.333333333333336ms; -o-transition-delay: 58.333333333333336ms; transition-delay: 58.333333333333336ms; } .flipster-carousel .flip-prev2 { -webkit-transform: translatex(-183%) translatez(0) rotatey(52deg) scale(0.8); -moz-transform: translatex(-183%) translatez(0) rotatey(52deg) scale(0.8); -o-transform: translatex(-183%) translatez(0) rotatey(52deg) scale(0.8); -ms-transform: translatex(-183%) translatez(0) rotatey(52deg) scale(0.8); transform: translatex(-183%) translatez(0) rotatey(52deg) scale(0.8); } .flipster-carousel .flip-next2 { -webkit-transform: translatex(183%) translatez(0) rotatey(-52deg) scale(0.80); -moz-transform: translatex(183%) translatez(0) rotatey(-52deg) scale(0.80); -o-transform: translatex(183%) translatez(0) rotatey(-52deg) scale(0.80); -ms-transform: translatex(183%) translatez(0) rotatey(-52deg) scale(0.80); transform: translatex(183%) translatez(0) rotatey(-52deg) scale(0.80); } .flipster { border-bottom: 0px; overflow-x: visible; } .flipster .flipto-prev, .flipster .flipto-next { position: absolute; top: 50%; z-index: 999; padding: 0 !important; margin-top: -20px !important; display: block; -ms-transition: background-color 300ms ease; -webkit-transition: background-color 300ms ease; -moz-transition: background-color 300ms ease; -o-transition: background-color 300ms ease; transition: background-color 300ms ease; width: 54px; height: 54px; border: 0 !important; opacity: 0.8; transition: .3s; -moz-transition: .3s; /* firefox 4 */ -webkit-transition: .3s; /* safari å’�?chrome */ -o-transition: .3s; /* opera */ } .flipster .flipto-prev { left: 50% !important; margin-left: -680px; } .flipster .flipto-next { right: 50% !important; margin-right: -680px; } .flipster .flipto-prev { background: ; } .flipster .flipto-next { background: ; } .flipster .flipto-prev:hover, .flipster .flipto-next:hover { opacity: 1; } .flipster-carousel .flip-items { padding-right: 20px; } .jtzlbwul { padding-top: 24px; } .jtzlbwul li { display: none; } .jtzlbwul li a { display: block; text-align: center; color: #515151; font-size: 12px; } .jtzlbwul li a span { display: block; text-align: center; font-family: sourcehansanscn, sourcehansanscn; font-weight: 500; font-size: 25px; color: #31693e; padding: 5px 0; } .picscroll-left1img { position: absolute; z-index: 999; bottom: 0; left: 0; display: none; } .picscroll-leftbox1 { height: 240px; padding-bottom: 50px; } .picscroll-left1 { position: relative; display: none; margin: 0 auto; } .picscroll-left1 .hd { height: 69px; } .picscroll-left1 .hd .prev { display: block; width: 54px; height: 54px; position: absolute; left: -27px; top: 152px; cursor: pointer; background: no-repeat; z-index: 101; } .picscroll-left1 .hd .next { display: block; width: 54px; height: 54px; position: absolute; right: -27px; top: 152px; cursor: pointer; background: no-repeat; z-index: 101; } .picscroll-left1 .hd .prevstop { background-position: -60px 0; } .picscroll-left1 .hd .nextstop { background-position: -60px -50px; } .picscroll-left1 .hd ul { overflow: hidden; zoom: 1; margin-top: 0px; zoom: 1; text-align: center; } .picscroll-left1 .hd ul li { display: inline-block; width: 10px; height: 10px; overflow: hidden; margin: 0 7px; text-indent: -999px; cursor: pointer; background: no-repeat; } .picscroll-left1 .hd ul li.on { background: no-repeat; } .picscroll-left1 .bd { overflow: hidden; width: 1310px; margin-left: -10px; } .picscroll-left1 .bd ul { overflow: hidden; zoom: 1; } #ie1400 { width: 1310px; } #ie1400 .bd ul li { margin: 0 15px; width: 160px; float: left; _display: inline; overflow: hidden; text-align: center; } .picscroll-left1 .bd ul li .pic { text-align: center; } .picscroll-left1 .bd ul li .pic a { display: inline-block; } .picscroll-left1 .bd ul li .pic img { width: 100%; height: 206px; vertical-align: middle; } .picscroll-left1 .bd ul li .title { padding-top: 20px; } .picscroll-left1 .bd ul li .title p { text-align: center; color: #bc3638; font-size: 18px; padding: 5px 0; } .picscroll-left1 .bd ul li .title span { display: block; text-align: center; color: #515151; font-size: 12px; } .picscroll-left1 .bd ul li i { background: left bottom no-repeat; display: block; height: 8px; } #ie1000 { height: 0; width: 930px; margin: 0 auto; display: none !important; } #ie1000 .bd ul li .title { padding-top: 20px; } #ie1000 .bd { width: 930px; } #ie1000 .bd ul li { width: 120px; margin: 0 0 0 15px; } #ie1000 .bd ul li .pic img { width: 100%; height: 155px; vertical-align: middle; } #ie1000 .hd .prev { top: 120px; left: -30px; } #ie1000 .hd .next { top: 120px; right: -25px; } .banner-swiper .swiper .swiper-horizontal>.swiper-pagination-bullets, .banner-swiper .swiper .swiper-pagination-bullets.swiper-pagination-horizontal, .banner-swiper .swiper .swiper-pagination-custom, .banner-swiper .swiper .swiper-pagination-fraction { left: 400px; } .part1 .pt1_lf ul li:nth-child(n 1) p a::before { content: '通知'; width: 42px; height: 18px; background: #5eaa5d; border-radius: 4px; text-align: center; line-height: 18px; font-family: pingfangsc, pingfang sc; font-weight: 400; font-size: 14px; color: #ffffff; display: inline-block; margin-right: 14px; } .part1 .pt1_rh ul li:nth-child(n 1) p a::before { content: '培训'; width: 42px; height: 18px; background: #afcc33; border-radius: 4px; text-align: center; line-height: 18px; font-family: pingfangsc, pingfang sc; font-weight: 400; font-size: 14px; color: #ffffff; display: inline-block; margin-right: 14px; } #swiper4 { width: 900px; } #swiper5 { width: 900px; } #swiper6 { width: 900px; } .ban img{ width: 100%; display: block; margin: 35px 0; }