850 lines
41 KiB
CSS
850 lines
41 KiB
CSS
|
@charset "utf-8";
|
||
|
|
/* CSS Document */
|
||
|
|
/* 1 */
|
||
|
|
.hailBoxer .list .li a{ overflow : hidden; white-space : nowrap; text-overflow : ellipsis;}
|
||
|
|
/* 2 */
|
||
|
|
.indexNewsBox .list .right .we .li .text .p,
|
||
|
|
.haveBox .cont .li .p{ word-bread: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
|
||
|
|
/* 3 */
|
||
|
|
.videoBoxOne .text .p{ word-bread: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}
|
||
|
|
@media screen and (max-width:750px){
|
||
|
|
/* cell */
|
||
|
|
html,body{ font-size: calc(100vw/7.5);}
|
||
|
|
.w1232{ width: auto;}
|
||
|
|
/* */
|
||
|
|
.navRightBox,
|
||
|
|
.indexWeBox .cont .swiper-button-next,
|
||
|
|
.indexWeBox .cont .swiper-button-prev,
|
||
|
|
.whoBoxTwo .cont::after,
|
||
|
|
.characteristic .img::after,
|
||
|
|
.characteristic .textBox .text::after,
|
||
|
|
.webStuly .cont .imgBox .img1::after,
|
||
|
|
.webStuly .cont .imgBox .img2::after,
|
||
|
|
.webStuly .cont .imgBox .img3::after,
|
||
|
|
.webStuly .cont .imgBox .m{ display: none;}
|
||
|
|
.titles .p{ width: auto;}
|
||
|
|
.indexWeBox .cont .minker .img,
|
||
|
|
.indexWeBox .cont .minker .img img,
|
||
|
|
.indexWeBox .cont .minker .textBox,
|
||
|
|
.indexFormeBox .list .li .img,
|
||
|
|
.indexFormeBox .list .li .img i,
|
||
|
|
.indexFormeBox .list .li:nth-child(2) .img,
|
||
|
|
.indexFormeBox .list .li:nth-child(2) .img i,
|
||
|
|
.indexHuemtBox .list .li .img img,
|
||
|
|
.indexHuemtBox .list .li1 .img,
|
||
|
|
.indexHuemtBox .list .li2 .img,
|
||
|
|
.indexHuemtBox .list .li3 .img,
|
||
|
|
.indexHuemtBox .list .li,
|
||
|
|
.indexHuemtBox .list .li4 .text,
|
||
|
|
.indexHuemtBox .list .li5 .img,
|
||
|
|
.indexHuemtBox .list .li6 .img,
|
||
|
|
.indexStudyBox .list .li .img,
|
||
|
|
.indexStudyBox .list .li .img i,
|
||
|
|
.indexMoreBoxer,
|
||
|
|
.indexNewsBox .list .left,
|
||
|
|
.indexNewsBox .list .right,
|
||
|
|
.indexNewsBox .list .left .mk .img,
|
||
|
|
.indexHrefBox .cont .mk,
|
||
|
|
.footer .mker .imgBox .img p,
|
||
|
|
.condumtBox .list .li,
|
||
|
|
.condumtBox .list .li .img,
|
||
|
|
.condumtBox .list .li .img i,
|
||
|
|
.othenBox .list .li,
|
||
|
|
.othenBox .list .li .img,
|
||
|
|
.conducTwoBox .list .li,
|
||
|
|
.conducTwoWent .list .left,
|
||
|
|
.conducTwoWent .list .right .li .img,
|
||
|
|
.conducTwoWent .list .right .li .img i,
|
||
|
|
.conducTwoWent .list .right,
|
||
|
|
.conducTwoWent .list .right .li .p,
|
||
|
|
.haveBox .cont .li .img,
|
||
|
|
.haveBox .cont .li .img i,
|
||
|
|
.haveBox .cont .li,
|
||
|
|
.teacherBox .list .li .img,
|
||
|
|
.teacherBox .list .li .img i,
|
||
|
|
.teacherBox .list .li,
|
||
|
|
.teacherBox .list .li .text,
|
||
|
|
.teacherTwos .minker .li .img,
|
||
|
|
.teacherTwos .minker .li .text,
|
||
|
|
.teacherTwos .minker .li:nth-child(2) .img,
|
||
|
|
.teacherTwos .minker .li:nth-child(3) .img,
|
||
|
|
.whoBoxOne .list .li,
|
||
|
|
.whoBoxOne .list .li a,
|
||
|
|
.whoBoxOne .list .li .img,
|
||
|
|
.whoBoxOne .list .li:nth-child(2),
|
||
|
|
.whoBoxOne .list .li:nth-child(2) a,
|
||
|
|
.whoBoxOne .list .li:nth-child(2) .img,
|
||
|
|
.whoBoxTwo .cont .img,
|
||
|
|
.whoBoxTwo .cont .img .m1,
|
||
|
|
.whoBoxTwo .cont .img .m2,
|
||
|
|
.whoBoxTwo .cont .img .m3,
|
||
|
|
.whoBoxThree .cont .img,
|
||
|
|
.whoBoxThree .cont .img i,
|
||
|
|
.whoBoxThree .cont .text,
|
||
|
|
.characteristic .img,
|
||
|
|
.characteristic .img i,
|
||
|
|
.characteristic .textBox .text,
|
||
|
|
.webAmbient .list .li,
|
||
|
|
.webAmbient .list .li3 img,
|
||
|
|
.webAmbient .list .li9 img,
|
||
|
|
.webOneBox .list .li1,
|
||
|
|
.webOneBox .list .li2,
|
||
|
|
.webOneBox .list .li3,
|
||
|
|
.webOneBox .list .li4,
|
||
|
|
.webOneBox .list .li5,
|
||
|
|
.webOneBox .list .li6,
|
||
|
|
.webOneBox .list .li7,
|
||
|
|
.webOneBox .list .li8,
|
||
|
|
.webListBox .cont .li,
|
||
|
|
.webStuly .cont .text,
|
||
|
|
.webStuly .cont .imgBox,
|
||
|
|
.webStuly .cont .imgBox .img1,
|
||
|
|
.webStuly .cont .imgBox .img1 i,
|
||
|
|
.webStuly .cont .imgBox .img2,
|
||
|
|
.webStuly .cont .imgBox .img2 i,
|
||
|
|
.webStuly .cont .imgBox .img3,
|
||
|
|
.webStuly .cont .imgBox .img3 i{ width: 100%; height: auto;}
|
||
|
|
/* */
|
||
|
|
.indexThreeNav{ margin: 0; padding: 30px 0.35rem 0 0.35rem;}
|
||
|
|
.banner .img{ height: 300px;}
|
||
|
|
.banner .cont .p{ font-size: 22px; text-align: center; line-height: 38px;}
|
||
|
|
.indexThreeNav .cont .li{ width: 100%; margin-right: 0; margin-top: 0.25rem;}
|
||
|
|
.indexThreeNav .cont .li:first-child{ margin-top: 0;}
|
||
|
|
.indexThreeNav .cont .li .h1{ font-size: 20px; margin-top: 20px;}
|
||
|
|
.paddingTop{ padding: 75px 0.35rem 0 0.35rem;}
|
||
|
|
.indexWeBox{ padding: 75px 0 0 0;}
|
||
|
|
.marginTop{ margin: 75px 0.35rem 0 0.35rem;}
|
||
|
|
.indexMoreBoxer{ margin: 75px 0 0 0;}
|
||
|
|
.titles .h1{ font-size: 22px; line-height: 32px;}
|
||
|
|
.titles .p{ font-size: 14px;}
|
||
|
|
.indexWeBox .cont{ margin-top: 35px;}
|
||
|
|
.indexWeBox .cont .minker{ display: block;}
|
||
|
|
.indexWeBox .cont .text{ padding: 35px 0.3rem 70px 0.3rem;}
|
||
|
|
.indexWeBox .cont .swiper-pagination{ bottom: 0.5rem; left: 0; width: 100%; justify-content: center;}
|
||
|
|
.indexWeBox .cont .text .list{ padding-top: 0;}
|
||
|
|
.indexWeBox .cont .text .h1{ font-size: 24px; line-height: 34px;}
|
||
|
|
.indexWeBox .cont .text .em,
|
||
|
|
.indexWeBox .cont .text .list .p{ font-size: 16px;}
|
||
|
|
.moreBox a{ width: 100%;}
|
||
|
|
.indexFormeBox .list{ margin-top: 5px; display: block;}
|
||
|
|
.indexFormeBox .list .li{ margin-right: 0; width: auto;}
|
||
|
|
.indexFormeBox .list .li:nth-child(2){ margin-top: 37px;}
|
||
|
|
.indexHuemtBox .list{ margin-top: 40px;}
|
||
|
|
.indexHuemtBox .list .li4 .text,
|
||
|
|
.indexHuemtBox .list .li7 .text{ margin: 0; padding: 30px; width: auto;}
|
||
|
|
.indexHuemtBox .list .li4 .text p,
|
||
|
|
.indexHuemtBox .list .li7 .text p{ margin: 0; font-size: 14px; line-height: 30px;}
|
||
|
|
.indexStudyBox .list{ margin-top: 40px; justify-content: space-between;}
|
||
|
|
.indexStudyBox .list .li{ margin-right: 0; width: 100%; margin-top: 25px;}
|
||
|
|
.indexStudyBox .list .li:first-child{ margin-top: 0;}
|
||
|
|
.indexMoreBoxer .cont{ display: block; padding: 50px 30px; text-align: center;}
|
||
|
|
.indexMoreBoxer .cont .h1{ font-size: 20px; line-height: 30px;}
|
||
|
|
.indexMoreBoxer .cont .p{ font-size: 14px;}
|
||
|
|
.indexMoreBoxer .cont .more{ margin: 30px 0 0 0;}
|
||
|
|
.indexNewsBox .list{ margin-top: 40px; display: block;}
|
||
|
|
.indexNewsBox .list .left .ver,
|
||
|
|
.indexNewsBox .list .right .ver{ padding: 30px 0; width: 6rem;}
|
||
|
|
.indexNewsBox .list .left::after{ height: 170px;}
|
||
|
|
.titlew a{ font-size: 18px; font-weight: bold;}
|
||
|
|
.indexNewsBox .list .left .mk .text .p{ font-size: 16px; line-height: 26px;}
|
||
|
|
.indexNewsBox .list .right{ margin-top: 0.35rem;}
|
||
|
|
.indexNewsBox .list .right .we .li .img{ width: 2.48rem; height: 1.66rem;}
|
||
|
|
.indexNewsBox .list .right .we .li .text{ width: 3.2rem;}
|
||
|
|
.indexNewsBox .list .right .we .li .text .p{ font-size: 16px; line-height: 26px;}
|
||
|
|
.indexNewsBox .list .right .we .li{ margin-top: 20px;}
|
||
|
|
.indexOpenBox{ margin: 75px 0 0 0; padding: 60px 0.35rem;}
|
||
|
|
.indexOpenBox .list{ justify-content: space-between;}
|
||
|
|
.indexOpenBox .list .li,
|
||
|
|
.indexOpenBox .list .li:nth-child(4n){ margin: 0.3rem 0 0 0; width: 3.25rem;}
|
||
|
|
.indexOpenBox .list .li a{ width: 3.25rem; height: 3.25rem;}
|
||
|
|
.indexOpenBox .list .li a img{ max-width: 80%; max-height: 80%;}
|
||
|
|
.indexHrefBox{ padding: 0.35rem;}
|
||
|
|
.indexHrefBox .cont{ width: auto; display: block;}
|
||
|
|
.indexHrefBox .cont .mk{ padding-top: 10px;}
|
||
|
|
.indexHrefBox .cont .mk .li a{ font-size: 14px;}
|
||
|
|
.footer{ padding: 60px 0.35rem 15px 0.35rem;}
|
||
|
|
.footer .mker .list{ display: block;}
|
||
|
|
.footer .mker .list .map{ width: auto; margin-right: 0;}
|
||
|
|
.footer .mker .imgBox .wer{ position: relative; top: auto; right: auto;}
|
||
|
|
.footer .mker .imgBox{ display: flex; justify-content: space-between; margin-top: 0.35rem;}
|
||
|
|
.footer .mker .imgBox .img .m,
|
||
|
|
.footer .mker .imgBox .wer .m{ width: 3.15rem; height: 3.15rem; border-width: 2px; margin: 0;}
|
||
|
|
.footer .mker .imgBox .img p{ background: hsla(0,0%,100%,0.00); font-size: 12px; color: #333; line-height: 14px;}
|
||
|
|
.footer .mker .imgBox .wer p,
|
||
|
|
.footer .mker .imgBox .img p{ font-size: 12px; margin-top: 10px;}
|
||
|
|
.footer .bot{ flex-wrap: wrap; justify-content: center; margin-top: 25px;}
|
||
|
|
.footer .bot p, .footer .bot a{ margin: 3px 5px;}
|
||
|
|
.bannerDate .cont .p i{ font-size: 22px; line-height: 30px; padding-left: 30px;}
|
||
|
|
.bannerDate .cont .p i::after{ width: 22px; height: 22px; margin-top: -11px;}
|
||
|
|
.minNavBox{ padding: 20px 0.35rem 35px 0.35rem;}
|
||
|
|
.marginBotton{ margin: 0 0.35rem 75px 0.35rem;}
|
||
|
|
.condumtBox .h1{ font-size: 18px; line-height: 52px;}
|
||
|
|
.condumtBox .list .li,
|
||
|
|
.condumtBox .list .li:nth-child(3n){ margin: 0.35rem 0 0 0;}
|
||
|
|
.condumtBox .list .li .text .mk{ width: 5.2rem;}
|
||
|
|
.banner .cont .mt{ font-size: 16px; line-height: 20px;}
|
||
|
|
.paddingTop2{ padding: 75px 0.35rem;}
|
||
|
|
.othenBox .h1{ font-size: 20px; text-align: center; justify-content: center;}
|
||
|
|
.othenBox .list .li,
|
||
|
|
.othenBox .list .li:nth-child(3n){ margin: 0.35rem 0 0 0;}
|
||
|
|
.othenBox .list .li:first-child{ margin: 0 0 0 0;}
|
||
|
|
.otenBoxes{ padding: 50px 0.35rem;}
|
||
|
|
.otenBoxes .tit p{ font-size: 16px; line-height: 26px;}
|
||
|
|
.otenBoxes .tit{ padding: 0.35rem;}
|
||
|
|
.otenBoxes .list{ padding: 0.4rem 0.35rem;}
|
||
|
|
.otenBoxes .list .h1{ font-size: 17px;}
|
||
|
|
.otenBoxes .list p{ font-size: 14px; line-height: 26px;}
|
||
|
|
.conducTwoBox .list .li{ margin-right: 0; margin-top: 0.35rem;}
|
||
|
|
.conducTwoBox .list .li:first-child{ margin-top: 0;}
|
||
|
|
.conducTwoBox .list{ margin-top: 40px;}
|
||
|
|
.paddingTop3{ padding: 0 0.35rem 75px 0.35rem;}
|
||
|
|
.conducTwoWent{ padding: 0 0 75px 0;}
|
||
|
|
.conducTwoWent .cont{ padding: 0 0.35rem; margin: -105px 0 0 0;}
|
||
|
|
.conducTwoWent .top{ height: 165px;}
|
||
|
|
.conducTwoWent .tit{ width: auto; height: auto; margin: 25px auto 0;}
|
||
|
|
.conducTwoWent .tit .wk{ display: block; padding: 20px 0.35rem;}
|
||
|
|
.conducTwoWent .tit .wk .p{ font-size: 17px; line-height: 28px;}
|
||
|
|
.conducTwoWent .minker .text{ height: auto; padding-bottom: 30px;}
|
||
|
|
.conducTwoWent .minker .text p{ width: auto; padding-top: 60px; font-size: 14px; line-height: 26px;}
|
||
|
|
.conducTwoWent .list{ display: block; padding: 35px 0.35rem 0.35rem 0.35rem;}
|
||
|
|
.conducTwoWent .list .right{ margin-top: 35px;}
|
||
|
|
.conducTwoWent .moreBox a{ width: auto; margin: 20px 0.25rem 0 0.25rem;}
|
||
|
|
.conducTwoWent .minker{ padding-bottom: 15px;}
|
||
|
|
.indexMoreBoxerCell{ margin-top: 0;}
|
||
|
|
.banner .form{ display: block; text-align: center;}
|
||
|
|
.banner .form .left .em{ font-size: 16px; line-height: 20px;}
|
||
|
|
.banner .form .left .h{ font-size: 22px; line-height: 30px;}
|
||
|
|
.banner .form .left .br{ margin-top: 20px; justify-content: center; line-height: 40px;}
|
||
|
|
.banner .form .left .br i,
|
||
|
|
.banner .form .left .br em{ font-size: 16px; padding: 0 20px;}
|
||
|
|
.banner .form .right{ width: auto; margin: 0.35rem 0 0 0;}
|
||
|
|
.banner .form .right .ms{ padding: 0.35rem; text-align: left;}
|
||
|
|
.banner .form .right .ms .h i{ padding: 0 15px; font-size: 14px; line-height: 30px;}
|
||
|
|
.banner .form .right .ms .k{ margin-top: 12px; line-height: 20px; background: url(/static/images/frontImages/w2.png) no-repeat left center; background-size: auto 18px; padding-left: 25px; font-size: 14px;}
|
||
|
|
.bannerDateCell .img{ height: 520px;}
|
||
|
|
.haveBox .cont .li,
|
||
|
|
.haveBox .cont .li:nth-child(3n){ margin: 30px 0 0 0;}
|
||
|
|
.haveBox .cont .li:first-child,
|
||
|
|
.characteristic .textBox{ margin: 0;}
|
||
|
|
.haveBox .pageing{ margin-top: 35px;}
|
||
|
|
.textNavBox .cont{ margin: 0 0.35rem; height: 56px; line-height: 56px;}
|
||
|
|
.textNavBox .cont .mk{ padding: 0 0.25rem 0 0.35rem;}
|
||
|
|
.textNavBox .cont .nav .li.on a{ padding: 0;}
|
||
|
|
.textNavBox .cont .nav .li a{ font-size: 17px;}
|
||
|
|
.textNavBox .cont .nav .li{ margin-left: 25px;}
|
||
|
|
.textNavBox .cont .nav .li a::after{ height: 4px;}
|
||
|
|
.textNavBox .cont .right a{ width: 76px;}
|
||
|
|
.textNavBox{ margin: -28px 0 40px 0;}
|
||
|
|
.searchBoxPoP{ top: 50px;}
|
||
|
|
.searchBoxPoP .toper{ padding: 35px 0.35rem 0 0.35rem;}
|
||
|
|
.searchBoxPoP .toper .h1 p{ font-size: 22px; font-weight: bold;}
|
||
|
|
.searchBoxPoP .toper .h1 .sole{ width: 24px; height: 24px;}
|
||
|
|
.searchBoxPoP .toper .input{ margin-top: 0;}
|
||
|
|
.haveBoxSeachPop{ top: 195px;}
|
||
|
|
.searchBoxPoP .null img{ width: 240px;}
|
||
|
|
.searchBoxPoP .swentBox{ margin: 0 0.35rem;}
|
||
|
|
.teacherBox .list .li{ margin: 35px 0 0 0;}
|
||
|
|
.teacherBox .list .li:first-child{ margin: 0;}
|
||
|
|
.teacherBox .list .li .text .mk{ padding: 35px 0;}
|
||
|
|
.teacherTwos .minker{ width: auto; padding: 0.35rem; margin: 40px 0 0 0;}
|
||
|
|
.teacherTwos .minker .li{ padding-top: 40px;}
|
||
|
|
.teacherTwos .minker .li:first-child{ padding-top: 0;}
|
||
|
|
.teacherTwos .minker .li:first-child .img,
|
||
|
|
.teacherTwos .minker .li:nth-child(2n) .img,
|
||
|
|
.teacherTwos .minker .li .img,
|
||
|
|
.whoBoxOne .list .li:first-child{ margin: 0;}
|
||
|
|
.teacherTwos .minker .mker,
|
||
|
|
.teacherTwos .minker .li:nth-child(3) .text,
|
||
|
|
.teacherTwos .minker .li:nth-child(4) .text,
|
||
|
|
.whoBoxTwo{ padding: 0;}
|
||
|
|
.teacherTwos .minker .li:first-child .img,
|
||
|
|
.teacherTwos .minker .li:first-child .img i{ border-radius: 0px 2.9rem 0px 2.9rem;}
|
||
|
|
.teacherTwos .minker .li:nth-child(2) .img,
|
||
|
|
.teacherTwos .minker .li:nth-child(2) .img i{ border-radius: 0px 1.3rem 1.3rem 1.3rem;}
|
||
|
|
.teacherTwos .minker .li:nth-child(3) .img,
|
||
|
|
.teacherTwos .minker .li:nth-child(3) .img i{ border-radius: 1.3rem 1.3rem 0px 1.3rem;}
|
||
|
|
.teacherTwos .minker .li:nth-child(4) .img,
|
||
|
|
.teacherTwos .minker .li:nth-child(4) .img i{ border-radius: 1.3rem 1.3rem 0px 1.3rem;}
|
||
|
|
.teacherTwos .minker .li .text{ margin-top: 25px;}
|
||
|
|
.teacherTwos .minker .li .text .kt{ margin-top: 10px;}
|
||
|
|
.teacherTwos .minker .li .text .kt .h,
|
||
|
|
.teacherTwos .minker .li .text .kt .p{ font-size: 15px; line-height: 25px;}
|
||
|
|
.teacherTwos .moreBox,
|
||
|
|
.whoBoxOne .list .li{ margin: 35px 0 0 0;}
|
||
|
|
.whoBoxOne .list .li .text{ padding: 30px;}
|
||
|
|
.whoBoxOne .list .li .text .h1{ font-size: 18px; line-height: 28px;}
|
||
|
|
.whoBoxOne .list .li .text .p{ font-size: 16px; line-height: 26px;}
|
||
|
|
.whoBoxTwo .cont{ padding: 75px 0.35rem; margin: 0.35rem 0; display: block;}
|
||
|
|
.whoBoxTwo .cont .img .m1,
|
||
|
|
.whoBoxTwo .cont .img .m2,
|
||
|
|
.whoBoxTwo .cont .img .m3,
|
||
|
|
.whoMaoBox .text{ position: relative; top: auto; left: auto; bottom: auto; right: auto;}
|
||
|
|
.whoBoxTwo .cont .text .h1{ font-size: 22px;}
|
||
|
|
.whoBoxTwo .cont .text .p p{ font-size: 15px; line-height: 25px; margin-top: 20px;}
|
||
|
|
.whoBoxTwo .cont .text .p{ padding-top: 0; width: auto;}
|
||
|
|
.whoBoxTwo .cont .img .m{ margin-top: 35px;}
|
||
|
|
.whoBoxThree .cont{ display: block;}
|
||
|
|
.whoBoxThree .cont .text{ border-radius: 0;}
|
||
|
|
.whoBoxThree{ margin: 0;}
|
||
|
|
.whoMaoBox .mapBr{ width: 100%; height: 350px;}
|
||
|
|
.whoMaoBox .mapBr::after{ display: none;}
|
||
|
|
.whoBoxThree .cont .text .mk{ padding: 75px 0.35rem 35px 0.35rem;}
|
||
|
|
.whoBoxThree .cont .text .mk .h1,
|
||
|
|
.whoMaoBox .text .h1{ font-size: 22px; line-height: 32px;}
|
||
|
|
.whoBoxThree .cont .text .mk .p,
|
||
|
|
.whoMaoBox .text .p{ font-size: 15px; line-height: 25px; width: auto;}
|
||
|
|
.whoBoxThree .cont .text .mk .icon .li{ width: 50%; margin-bottom: 5px;}
|
||
|
|
.whoBoxThree .cont .text .mk .icon .li a{ font-size: 16px; padding-left: 30px;}
|
||
|
|
.whoBoxThree .cont .text .mk .icon .li1 a{background: url(/static/images/frontImages/w13.png) no-repeat left center;background-size: 22px auto;}
|
||
|
|
.whoBoxThree .cont .text .mk .icon .li2 a{ background: url(/static/images/frontImages/w15.png) no-repeat left center; background-size: 22px auto;}
|
||
|
|
.whoBoxThree .cont .text .mk .icon .li3 a{ background: url(/static/images/frontImages/w17.png) no-repeat left center; background-size: 22px auto;}
|
||
|
|
.whoBoxThree .cont .text .mk .icon .li4 a{ background: url(/static/images/frontImages/w16.png) no-repeat left center; background-size: 22px auto;}
|
||
|
|
.whoBoxThree .cont .text .mk .icon .li5 a{ background: url(/static/images/frontImages/w14.png) no-repeat left center; background-size: 22px auto;}
|
||
|
|
.whoBoxThree .cont .text .mk .icon{ margin-top: 30px;}
|
||
|
|
.whoMaoBox{ display: block;}
|
||
|
|
.whoMaoBox .text{ width: auto; height: auto; padding: 0 0.35rem 35px 0.35rem;}
|
||
|
|
.whoMaoBox .text .p{ margin-top: 30px;}
|
||
|
|
/* */
|
||
|
|
.header,
|
||
|
|
.header .cont{ position: inherit; top: auto; left: auto; right: auto; width: auto; height: auto; background: hsla(0,0%,100%,0.00);}
|
||
|
|
.header .cont .logo{ position: fixed; top: 0; left: 0; right: 0; height: 50px; display: flex; justify-content: space-between; align-items: center; padding: 0 0.25rem; background: hsla(216,91%,48%,0.85); z-index: 25;}
|
||
|
|
.header .cont .logo a img{ height: 40px;}
|
||
|
|
.header .cont .logo .sole{ width: 24px; height: 20px; position: relative;}
|
||
|
|
.header .cont .logo .sole i{ display: block; width: 24px; height: 3px; border-radius: 3px; background: #fff; position: absolute; left: 0; transition: all 0.5s;}
|
||
|
|
.header .cont .logo .sole i:first-child{ top: 0;}
|
||
|
|
.header .cont .logo .sole i:nth-child(2){ top: 50%; margin-top: -1.5px;}
|
||
|
|
.header .cont .logo .sole i:nth-child(3){ bottom: 0;}
|
||
|
|
.header .cont .logo .sole2 i:first-child{ transform-origin: top left; transform: rotate(45deg); width: 25px;}
|
||
|
|
.header .cont .logo .sole2 i:nth-child(2){ width: 0;}
|
||
|
|
.header .cont .logo .sole2 i:nth-child(3){ transform-origin: bottom left; transform: rotate(-45deg); width: 25px;}
|
||
|
|
.header .cont .right{ width: 100%; height: auto; position: fixed; top: 50px; right: -100%; bottom: 0; overflow-y: auto; background: #fff; z-index: 25; display: block; padding-top: 50px; transition: all 0.5s; opacity: 0;}
|
||
|
|
.header .cont .right2{ right: 0; opacity: 1;}
|
||
|
|
.header .cont .right .li{ width: auto; text-align: center; margin: 0 0 15px 0;}
|
||
|
|
.header .cont .right .tit a{ font-size: 18px; font-weight: bold; color: #333; line-height: 30px;}
|
||
|
|
.header .cont .right .li.on .tit a{ background: #fff; color: #2074F2;}
|
||
|
|
.header .cont .right .li .list{ display: none; position: relative; top: auto; left: auto; bottom: auto; width: auto; padding: 0; right: auto; transform: none;}
|
||
|
|
.header .cont .right .li .list .mker{ width: auto; text-align: center; display: block; border: none; background: #fff;}
|
||
|
|
.header .cont .right .li .list .mker .mk,
|
||
|
|
.header .cont .right .li .list .mker .mk:nth-child(2){ display: block; padding: 0; border: none;}
|
||
|
|
.header .cont .right .li .list .mker .mk a{ font-size: 16px; line-height: 30px; margin: 0;}
|
||
|
|
/* */
|
||
|
|
.characteristic2 .img,
|
||
|
|
.characteristic2 .img i,
|
||
|
|
.characteristic2 .img::after,
|
||
|
|
.characteristic .textBox .text{ border-radius: 0.38rem; margin: 0;}
|
||
|
|
.characteristic .textBox .text .mk{ padding: 30px 0.35rem 50px 0.35rem;}
|
||
|
|
.characteristic .textBox{ padding: 0;}
|
||
|
|
.characteristic .swiper-pagination{ left: 0!important; justify-content: center; width: 100%; bottom: 15px!important;}
|
||
|
|
.characteristic .textBox .text .more{ justify-content: center;}
|
||
|
|
.characteristic .textBox .text .p{ padding: 20px; font-size: 15px; line-height: 26px;}
|
||
|
|
.characteristic .textBox .text .top p{ font-size: 16px;}
|
||
|
|
.characteristic .textBox .text .top i{ width: 44px; height: 44px; font-size: 18px; line-height: 44px;}
|
||
|
|
.characteristic .textBox .text .top{ height: 44px; line-height: 44px;}
|
||
|
|
/* 补充*/
|
||
|
|
.characteristic2 .img i{height: 220px;}
|
||
|
|
.characteristic2 .img i img{height: 100%; width: 100%; object-fit: cover;}
|
||
|
|
|
||
|
|
.webAmbient .list,
|
||
|
|
.webOneBox .list{ margin-top: 40px;}
|
||
|
|
.webAmbient .list .li5 .text,
|
||
|
|
.webAmbient .list .li5 .text p,
|
||
|
|
.webAmbient .list .li8 .text,
|
||
|
|
.webAmbient .list .li8 .text p,
|
||
|
|
.webOneBox .list .li1 .text p,
|
||
|
|
.webOneBox .list .li7 .text p,
|
||
|
|
.webStuly .cont .text .p p{ font-size: 15px; line-height: 26px;}
|
||
|
|
.webAmbient .list .li5 .text,
|
||
|
|
.webAmbient .list .li8 .text,
|
||
|
|
.webOneBox .list .li1 .text,
|
||
|
|
.webOneBox .list .li7 .text{ padding: 30px 25px;}
|
||
|
|
.webListBox .cont,
|
||
|
|
.webStuly .cont{ display: block;}
|
||
|
|
.webListBox .cont .li{ width: auto; margin: 50px 20px 0 20px;}
|
||
|
|
.webListBox .cont .li:first-child{ margin: 0 20px 0 20px;}
|
||
|
|
.webStuly{ margin: 0 0.35rem;}
|
||
|
|
.webStuly .cont .imgBox .img1,
|
||
|
|
.webStuly .cont .imgBox .img1 i,
|
||
|
|
.webStuly .cont .imgBox .img2,
|
||
|
|
.webStuly .cont .imgBox .img2 i,
|
||
|
|
.webStuly .cont .imgBox .img3,
|
||
|
|
.webStuly .cont .imgBox .img3 i{ position: relative; top: auto; left: auto; bottom: auto; right: auto;}
|
||
|
|
.webStuly .cont .text .h1{ font-size: 22px; line-height: 32px;}
|
||
|
|
.webStuly .cont .text .p p{ margin-top: 15px;}
|
||
|
|
.webStuly .cont .text .p{ padding-top: 0;}
|
||
|
|
.webStuly .cont .imgBox .img1,
|
||
|
|
.webStuly .cont .imgBox .img2,
|
||
|
|
.webStuly .cont .imgBox .img3{ margin-top: 25px;}
|
||
|
|
.webStuly .cont .imgBox .img2,
|
||
|
|
.webStuly .cont .imgBox .img2 i,
|
||
|
|
.webStuly .cont .imgBox .img3,
|
||
|
|
.webStuly .cont .imgBox .img3 i,
|
||
|
|
.webStuly .cont .imgBox .img1,
|
||
|
|
.webStuly .cont .imgBox .img1 i{ border-radius: 0;}
|
||
|
|
.adviceBox .cont{ width: 85%;}
|
||
|
|
.header .cont .logo .sole{ display: block;}
|
||
|
|
/* */
|
||
|
|
.whoBoxThree .cont .text .mk .p,
|
||
|
|
.whoMaoBox .text .p{ margin-top: 15px;}
|
||
|
|
.indexFormeBox .list .li .text .h1 p,
|
||
|
|
.teacherBox .list .li .text .h1{ font-size: 18px;}
|
||
|
|
.indexFormeBox .list .li .text .h1 i{ width: 46px; height: 46px; line-height: 46px; font-size: 18px;}
|
||
|
|
.indexFormeBox .list .li .text .h1{ height: 46px; line-height: 46px;}
|
||
|
|
.indexFormeBox .list .li .text .p,
|
||
|
|
.teacherBox .list .li .text .p{ font-size: 16px;}
|
||
|
|
.indexFormeBox .list .li .text{ height: 200px;}
|
||
|
|
}
|
||
|
|
@media screen and (min-width:750px){
|
||
|
|
/* pc */
|
||
|
|
|
||
|
|
}
|
||
|
|
@media screen and (min-width:1080px) and (max-width: 1380px){
|
||
|
|
.w1232{ width: 1000px;}
|
||
|
|
.header .cont .right .li{ margin-left: 35px;}
|
||
|
|
.banner .img{ height: 700px;}
|
||
|
|
.indexThreeNav .cont .li,
|
||
|
|
.indexFormeBox .list .li,
|
||
|
|
.indexStudyBox .list .li,
|
||
|
|
.condumtBox .list .li,
|
||
|
|
.othenBox .list .li,
|
||
|
|
.othenBox .list .li .img,
|
||
|
|
.haveBox .cont .li .img,
|
||
|
|
.haveBox .cont .li .img i,
|
||
|
|
.haveBox .cont .li,
|
||
|
|
.teacherBox .list .li,
|
||
|
|
.whoBoxOne .list .li,
|
||
|
|
.whoBoxOne .list .li a{ width: 306px;}
|
||
|
|
.indexFormeBox .list .li .img,
|
||
|
|
.indexFormeBox .list .li .img i{ height: 406px;}
|
||
|
|
.indexFormeBox .list .li .text{ width: 290px;}
|
||
|
|
.indexFormeBox .list .li:nth-child(2) .img,
|
||
|
|
.indexFormeBox .list .li:nth-child(2) .img i{ height: 410px;}
|
||
|
|
.indexHuemtBox .list .li4 .text p,
|
||
|
|
.indexHuemtBox .list .li7 .text p{ font-size: 15px; line-height: 30px;}
|
||
|
|
.indexStudyBox .list .li .img,
|
||
|
|
.indexStudyBox .list .li .img i,
|
||
|
|
.condumtBox .list .li .img,
|
||
|
|
.condumtBox .list .li .img i,
|
||
|
|
.othenBox .list .li,
|
||
|
|
.othenBox .list .li .img,
|
||
|
|
.haveBox .cont .li .img,
|
||
|
|
.haveBox .cont .li .img i{ height: 204px;}
|
||
|
|
.indexNewsBox .list .right{ width: 485px;}
|
||
|
|
.indexNewsBox .list .right .ver{ width: 425px;}
|
||
|
|
.indexNewsBox .list .right .we .li .text{ width: 280px;}
|
||
|
|
.indexOpenBox .list .li a{ width: 220px; height: 220px;}
|
||
|
|
.indexOpenBox .list .li a img{ max-width: 80%; max-height: 80%;}
|
||
|
|
.bannerDate .img{ height: 600px;}
|
||
|
|
.condumtBox .list .li .text .mk{ width: 242px;}
|
||
|
|
.characteristic .img, .characteristic .img i{ width: 980px; height: 483px;}
|
||
|
|
.characteristic .textBox .text{ width: 815px;}
|
||
|
|
.conducTwoBox .list .li{ width: 219px;}
|
||
|
|
.teacherTwos .minker{ width: 900px;}
|
||
|
|
.teacherTwos .minker .li .text{ width: 360px;}
|
||
|
|
.whoBoxOne .list .li .img{ height: 216px;}
|
||
|
|
.whoBoxOne .list .li:nth-child(2) .img{ height: 248px;}
|
||
|
|
.whoBoxThree .cont .img i{ width: 460px; height: 580px;}
|
||
|
|
.whoBoxThree .cont .img,
|
||
|
|
.whoBoxThree .cont .img i{ width: 460px; height: auto;}
|
||
|
|
.whoBoxThree .cont .text .mk .p{ width: auto;}
|
||
|
|
.whoBoxThree .cont .text{ width: calc(100% - 460px); height: auto;}
|
||
|
|
.whoBoxThree .cont .text .mk{ padding: 100px 0 0 60px;}
|
||
|
|
.whoMaoBox .mapBr{ width: 50%; height: 500px;}
|
||
|
|
.bannerWeb .img{ height: 600px;}
|
||
|
|
.webStuly .cont .imgBox{ width: 500px; height: 440px;}
|
||
|
|
.webStuly .cont .imgBox .img1,
|
||
|
|
.webStuly .cont .imgBox .img1 i{ width: 480px; height: 340px;}
|
||
|
|
.webStuly .cont .imgBox .img2,
|
||
|
|
.webStuly .cont .imgBox .img2 i,
|
||
|
|
.webStuly .cont .imgBox .img3,
|
||
|
|
.webStuly .cont .imgBox .img3 i{ width: 190px; height: 135px;}
|
||
|
|
.webStuly .cont .imgBox .img2{ left: -50px;}
|
||
|
|
.webStuly .cont .imgBox .img3{ left: 175px;}
|
||
|
|
.webStuly .cont .imgBox .m{ left: -20px; bottom: 120px;}
|
||
|
|
.webAmbient .list .li{ height: 156px;}
|
||
|
|
.webAmbient .list .li3{ height: 312px;}
|
||
|
|
.webAmbient .list .li5 .text,
|
||
|
|
.webAmbient .list .li8 .text{ padding: 0 30px;}
|
||
|
|
.webAmbient .list .li5 .text,
|
||
|
|
.webAmbient .list .li5 .text p,
|
||
|
|
.webAmbient .list .li8 .text,
|
||
|
|
.webAmbient .list .li8 .text p,
|
||
|
|
.webOneBox .list .li1 .text p,
|
||
|
|
.webOneBox .list .li7 .text p{ font-size: 15px; line-height: 25px; margin-top: 0;}
|
||
|
|
.webOneBox .list .li{ width: 250px; height: 212px;}
|
||
|
|
.webOneBox .list .li1{ width: 500px;}
|
||
|
|
.webOneBox .list .li2{ width: 500px; height: 424px;}
|
||
|
|
|
||
|
|
}
|
||
|
|
@media screen and (min-width: 750px) and (max-width: 1080px){
|
||
|
|
/* cell */
|
||
|
|
html,body{ font-size: calc(100vw/7.5);}
|
||
|
|
.w1232{ width: auto;}
|
||
|
|
/* */
|
||
|
|
.navRightBox,
|
||
|
|
.indexWeBox .cont .swiper-button-next,
|
||
|
|
.indexWeBox .cont .swiper-button-prev,
|
||
|
|
.whoBoxTwo .cont::after,
|
||
|
|
.characteristic .img::after,
|
||
|
|
.characteristic .textBox .text::after,
|
||
|
|
.webStuly .cont .imgBox .img1::after,
|
||
|
|
.webStuly .cont .imgBox .img2::after,
|
||
|
|
.webStuly .cont .imgBox .img3::after,
|
||
|
|
.webStuly .cont .imgBox .m{ display: none;}
|
||
|
|
.titles .p{ width: auto;}
|
||
|
|
.indexWeBox .cont .minker .img,
|
||
|
|
.indexWeBox .cont .minker .img img,
|
||
|
|
.indexWeBox .cont .minker .textBox,
|
||
|
|
.indexFormeBox .list .li .img,
|
||
|
|
.indexFormeBox .list .li .img i,
|
||
|
|
.indexFormeBox .list .li:nth-child(2) .img,
|
||
|
|
.indexFormeBox .list .li:nth-child(2) .img i,
|
||
|
|
.indexHuemtBox .list .li .img img,
|
||
|
|
.indexHuemtBox .list .li1 .img,
|
||
|
|
.indexHuemtBox .list .li2 .img,
|
||
|
|
.indexHuemtBox .list .li3 .img,
|
||
|
|
.indexHuemtBox .list .li,
|
||
|
|
.indexHuemtBox .list .li4 .text,
|
||
|
|
.indexHuemtBox .list .li5 .img,
|
||
|
|
.indexHuemtBox .list .li6 .img,
|
||
|
|
.indexStudyBox .list .li .img,
|
||
|
|
.indexStudyBox .list .li .img i,
|
||
|
|
.indexMoreBoxer,
|
||
|
|
.indexNewsBox .list .left,
|
||
|
|
.indexNewsBox .list .right,
|
||
|
|
.indexNewsBox .list .left .mk .img,
|
||
|
|
.indexHrefBox .cont .mk,
|
||
|
|
.footer .mker .imgBox .img p,
|
||
|
|
.condumtBox .list .li,
|
||
|
|
.condumtBox .list .li .img,
|
||
|
|
.condumtBox .list .li .img i,
|
||
|
|
.othenBox .list .li,
|
||
|
|
.othenBox .list .li .img,
|
||
|
|
.conducTwoBox .list .li,
|
||
|
|
.conducTwoWent .list .left,
|
||
|
|
.conducTwoWent .list .right .li .img,
|
||
|
|
.conducTwoWent .list .right .li .img i,
|
||
|
|
.conducTwoWent .list .right,
|
||
|
|
.conducTwoWent .list .right .li .p,
|
||
|
|
.haveBox .cont .li .img,
|
||
|
|
.haveBox .cont .li .img i,
|
||
|
|
.haveBox .cont .li,
|
||
|
|
.teacherBox .list .li .img,
|
||
|
|
.teacherBox .list .li .img i,
|
||
|
|
.teacherBox .list .li,
|
||
|
|
.teacherBox .list .li .text,
|
||
|
|
.teacherTwos .minker .li .img,
|
||
|
|
.teacherTwos .minker .li .text,
|
||
|
|
.teacherTwos .minker .li:nth-child(2) .img,
|
||
|
|
.teacherTwos .minker .li:nth-child(3) .img,
|
||
|
|
.whoBoxOne .list .li,
|
||
|
|
.whoBoxOne .list .li a,
|
||
|
|
.whoBoxOne .list .li .img,
|
||
|
|
.whoBoxOne .list .li:nth-child(2),
|
||
|
|
.whoBoxOne .list .li:nth-child(2) a,
|
||
|
|
.whoBoxOne .list .li:nth-child(2) .img,
|
||
|
|
.whoBoxTwo .cont .img,
|
||
|
|
.whoBoxTwo .cont .img .m1,
|
||
|
|
.whoBoxTwo .cont .img .m2,
|
||
|
|
.whoBoxTwo .cont .img .m3,
|
||
|
|
.whoBoxThree .cont .img,
|
||
|
|
.whoBoxThree .cont .img i,
|
||
|
|
.whoBoxThree .cont .text,
|
||
|
|
.characteristic .img,
|
||
|
|
.characteristic .img i,
|
||
|
|
.characteristic .textBox .text,
|
||
|
|
.webAmbient .list .li,
|
||
|
|
.webAmbient .list .li3 img,
|
||
|
|
.webAmbient .list .li9 img,
|
||
|
|
.webOneBox .list .li1,
|
||
|
|
.webOneBox .list .li2,
|
||
|
|
.webOneBox .list .li3,
|
||
|
|
.webOneBox .list .li4,
|
||
|
|
.webOneBox .list .li5,
|
||
|
|
.webOneBox .list .li6,
|
||
|
|
.webOneBox .list .li7,
|
||
|
|
.webOneBox .list .li8,
|
||
|
|
.webListBox .cont .li,
|
||
|
|
.webStuly .cont .text,
|
||
|
|
.webStuly .cont .imgBox,
|
||
|
|
.webStuly .cont .imgBox .img1,
|
||
|
|
.webStuly .cont .imgBox .img1 i,
|
||
|
|
.webStuly .cont .imgBox .img2,
|
||
|
|
.webStuly .cont .imgBox .img2 i,
|
||
|
|
.webStuly .cont .imgBox .img3,
|
||
|
|
.webStuly .cont .imgBox .img3 i{ width: 100%; height: auto;}
|
||
|
|
/* */
|
||
|
|
.indexThreeNav{ margin: 0; padding: 30px 0.35rem 0 0.35rem;}
|
||
|
|
.banner .img{ height: 300px;}
|
||
|
|
.banner .cont .p{ font-size: 22px; text-align: center; line-height: 38px;}
|
||
|
|
.indexThreeNav .cont .li{ width: 100%; margin-right: 0; margin-top: 0.25rem;}
|
||
|
|
.indexThreeNav .cont .li:first-child{ margin-top: 0;}
|
||
|
|
.indexThreeNav .cont .li .h1{ font-size: 20px; margin-top: 20px;}
|
||
|
|
.paddingTop{ padding: 75px 0.35rem 0 0.35rem;}
|
||
|
|
.indexWeBox{ padding: 75px 0 0 0;}
|
||
|
|
.marginTop{ margin: 75px 0.35rem 0 0.35rem;}
|
||
|
|
.indexMoreBoxer{ margin: 75px 0 0 0;}
|
||
|
|
.titles .h1{ font-size: 20px; line-height: 30px;}
|
||
|
|
.titles .p{ font-size: 14px;}
|
||
|
|
.indexWeBox .cont{ margin-top: 35px;}
|
||
|
|
.indexWeBox .cont .minker{ display: block;}
|
||
|
|
.indexWeBox .cont .text{ padding: 35px 0.3rem 70px 0.3rem;}
|
||
|
|
.indexWeBox .cont .swiper-pagination{ bottom: 0.5rem; left: 0; width: 100%; justify-content: center;}
|
||
|
|
.indexWeBox .cont .text .list{ padding-top: 0;}
|
||
|
|
.indexWeBox .cont .text .h1{ font-size: 24px; line-height: 34px;}
|
||
|
|
.indexWeBox .cont .text .em,
|
||
|
|
.indexWeBox .cont .text .list .p{ font-size: 16px;}
|
||
|
|
.moreBox a{ width: 100%;}
|
||
|
|
.indexFormeBox .list{ margin-top: 5px; display: block;}
|
||
|
|
.indexFormeBox .list .li{ margin-right: 0; width: auto;}
|
||
|
|
.indexFormeBox .list .li:nth-child(2){ margin-top: 37px;}
|
||
|
|
.indexHuemtBox .list{ margin-top: 40px;}
|
||
|
|
.indexHuemtBox .list .li4 .text,
|
||
|
|
.indexHuemtBox .list .li7 .text{ margin: 0; padding: 30px; width: auto;}
|
||
|
|
.indexHuemtBox .list .li4 .text p,
|
||
|
|
.indexHuemtBox .list .li7 .text p{ margin: 0; font-size: 14px; line-height: 30px;}
|
||
|
|
.indexStudyBox .list{ margin-top: 40px; justify-content: space-between;}
|
||
|
|
.indexStudyBox .list .li{ margin-right: 0; width: 100%; margin-top: 25px;}
|
||
|
|
.indexStudyBox .list .li:first-child{ margin-top: 0;}
|
||
|
|
.indexMoreBoxer .cont{ display: block; padding: 50px 30px; text-align: center;}
|
||
|
|
.indexMoreBoxer .cont .h1{ font-size: 20px; line-height: 30px;}
|
||
|
|
.indexMoreBoxer .cont .p{ font-size: 14px;}
|
||
|
|
.indexMoreBoxer .cont .more{ margin: 30px 0 0 0;}
|
||
|
|
.indexNewsBox .list{ margin-top: 40px; display: block;}
|
||
|
|
.indexNewsBox .list .left .ver,
|
||
|
|
.indexNewsBox .list .right .ver{ padding: 30px 0; width: 6rem;}
|
||
|
|
.indexNewsBox .list .left::after{ height: 170px;}
|
||
|
|
.titlew a{ font-size: 18px; font-weight: bold;}
|
||
|
|
.indexNewsBox .list .left .mk .text .p{ font-size: 16px; line-height: 26px;}
|
||
|
|
.indexNewsBox .list .right{ margin-top: 0.35rem;}
|
||
|
|
.indexNewsBox .list .right .we .li .img{ width: 2.48rem; height: 1.66rem;}
|
||
|
|
.indexNewsBox .list .right .we .li .text{ width: 3.2rem;}
|
||
|
|
.indexNewsBox .list .right .we .li .text .p{ font-size: 16px; line-height: 26px;}
|
||
|
|
.indexNewsBox .list .right .we .li{ margin-top: 20px;}
|
||
|
|
.indexOpenBox{ margin: 75px 0 0 0; padding: 60px 0.35rem;}
|
||
|
|
.indexOpenBox .list{ justify-content: space-between;}
|
||
|
|
.indexOpenBox .list .li,
|
||
|
|
.indexOpenBox .list .li:nth-child(4n){ margin: 0.3rem 0 0 0; width: 3.25rem;}
|
||
|
|
.indexOpenBox .list .li a{ width: 3.25rem; height: 3.25rem;}
|
||
|
|
.indexOpenBox .list .li a img{ max-width: 80%; max-height: 80%;}
|
||
|
|
.indexHrefBox{ padding: 0.35rem;}
|
||
|
|
.indexHrefBox .cont{ width: auto; display: block;}
|
||
|
|
.indexHrefBox .cont .mk{ padding-top: 10px;}
|
||
|
|
.indexHrefBox .cont .mk .li a{ font-size: 14px;}
|
||
|
|
.footer{ padding: 60px 0.35rem 15px 0.35rem;}
|
||
|
|
.footer .mker .list{ display: block;}
|
||
|
|
.footer .mker .list .map{ width: auto; margin-right: 0;}
|
||
|
|
.footer .mker .imgBox .wer{ position: relative; top: auto; right: auto;}
|
||
|
|
.footer .mker .imgBox{ display: flex; justify-content: space-between; margin-top: 0.35rem;}
|
||
|
|
.footer .mker .imgBox .img .m,
|
||
|
|
.footer .mker .imgBox .wer .m{ width: 3.15rem; height: 3.15rem; border-width: 2px; margin: 0;}
|
||
|
|
.footer .mker .imgBox .img p{ background: hsla(0,0%,100%,0.00); font-size: 12px; color: #333; line-height: 14px;}
|
||
|
|
.footer .mker .imgBox .wer p,
|
||
|
|
.footer .mker .imgBox .img p{ font-size: 12px; margin-top: 10px;}
|
||
|
|
.footer .bot{ flex-wrap: wrap; justify-content: center; margin-top: 25px;}
|
||
|
|
.footer .bot p, .footer .bot a{ margin: 3px 5px;}
|
||
|
|
.bannerDate .cont .p i{ font-size: 22px; line-height: 30px; padding-left: 30px;}
|
||
|
|
.bannerDate .cont .p i::after{ width: 22px; height: 22px; margin-top: -11px;}
|
||
|
|
.minNavBox{ padding: 20px 0.35rem 35px 0.35rem;}
|
||
|
|
.marginBotton{ margin: 0 0.35rem 75px 0.35rem;}
|
||
|
|
.condumtBox .h1{ font-size: 18px; line-height: 52px;}
|
||
|
|
.condumtBox .list .li,
|
||
|
|
.condumtBox .list .li:nth-child(3n){ margin: 0.35rem 0 0 0;}
|
||
|
|
.condumtBox .list .li .text .mk{ width: 5.2rem;}
|
||
|
|
.banner .cont .mt{ font-size: 16px; line-height: 20px;}
|
||
|
|
.paddingTop2{ padding: 75px 0.35rem;}
|
||
|
|
.othenBox .h1{ font-size: 20px; text-align: center; justify-content: center;}
|
||
|
|
.othenBox .list .li,
|
||
|
|
.othenBox .list .li:nth-child(3n){ margin: 0.35rem 0 0 0;}
|
||
|
|
.othenBox .list .li:first-child{ margin: 0 0 0 0;}
|
||
|
|
.otenBoxes{ padding: 50px 0.35rem;}
|
||
|
|
.otenBoxes .tit p{ font-size: 16px; line-height: 26px;}
|
||
|
|
.otenBoxes .tit{ padding: 0.35rem;}
|
||
|
|
.otenBoxes .list{ padding: 0.4rem 0.35rem;}
|
||
|
|
.otenBoxes .list .h1{ font-size: 17px;}
|
||
|
|
.otenBoxes .list p{ font-size: 14px; line-height: 26px;}
|
||
|
|
.conducTwoBox .list .li{ margin-right: 0; margin-top: 0.35rem;}
|
||
|
|
.conducTwoBox .list .li:first-child{ margin-top: 0;}
|
||
|
|
.conducTwoBox .list{ margin-top: 40px;}
|
||
|
|
.paddingTop3{ padding: 0 0.35rem 75px 0.35rem;}
|
||
|
|
.conducTwoWent{ padding: 0 0 75px 0;}
|
||
|
|
.conducTwoWent .cont{ padding: 0 0.35rem; margin: -105px 0 0 0;}
|
||
|
|
.conducTwoWent .top{ height: 165px;}
|
||
|
|
.conducTwoWent .tit{ width: auto; height: auto; margin: 25px auto 0;}
|
||
|
|
.conducTwoWent .tit .wk{ display: block; padding: 20px 0.35rem;}
|
||
|
|
.conducTwoWent .tit .wk .p{ font-size: 17px; line-height: 28px;}
|
||
|
|
.conducTwoWent .minker .text{ height: auto; padding-bottom: 30px;}
|
||
|
|
.conducTwoWent .minker .text p{ width: auto; padding-top: 60px; font-size: 14px; line-height: 26px;}
|
||
|
|
.conducTwoWent .list{ display: block; padding: 35px 0.35rem 0.35rem 0.35rem;}
|
||
|
|
.conducTwoWent .list .right{ margin-top: 35px;}
|
||
|
|
.conducTwoWent .moreBox a{ width: auto; margin: 20px 0.25rem 0 0.25rem;}
|
||
|
|
.conducTwoWent .minker{ padding-bottom: 15px;}
|
||
|
|
.indexMoreBoxerCell{ margin-top: 0;}
|
||
|
|
.banner .form{ display: block; text-align: center;}
|
||
|
|
.banner .form .left .em{ font-size: 16px; line-height: 20px;}
|
||
|
|
.banner .form .left .h{ font-size: 22px; line-height: 30px;}
|
||
|
|
.banner .form .left .br{ margin-top: 20px; justify-content: center; line-height: 40px;}
|
||
|
|
.banner .form .left .br i,
|
||
|
|
.banner .form .left .br em{ font-size: 16px; padding: 0 20px;}
|
||
|
|
.banner .form .right{ width: auto; margin: 0.35rem 0 0 0;}
|
||
|
|
.banner .form .right .ms{ padding: 0.35rem; text-align: left;}
|
||
|
|
.banner .form .right .ms .h i{ padding: 0 15px; font-size: 14px; line-height: 30px;}
|
||
|
|
.banner .form .right .ms .k{ margin-top: 12px; line-height: 20px; background: url(/static/images/frontImages/w2.png) no-repeat left center; background-size: auto 18px; padding-left: 25px; font-size: 14px;}
|
||
|
|
.bannerDateCell .img{ height: 520px;}
|
||
|
|
.haveBox .cont .li,
|
||
|
|
.haveBox .cont .li:nth-child(3n){ margin: 30px 0 0 0;}
|
||
|
|
.haveBox .cont .li:first-child,
|
||
|
|
.characteristic .textBox{ margin: 0;}
|
||
|
|
.haveBox .pageing{ margin-top: 35px;}
|
||
|
|
.textNavBox .cont{ margin: 0 0.35rem; height: 56px; line-height: 56px;}
|
||
|
|
.textNavBox .cont .mk{ padding: 0 0.25rem 0 0.35rem;}
|
||
|
|
.textNavBox .cont .nav .li.on a{ padding: 0;}
|
||
|
|
.textNavBox .cont .nav .li a{ font-size: 17px;}
|
||
|
|
.textNavBox .cont .nav .li{ margin-left: 25px;}
|
||
|
|
.textNavBox .cont .nav .li a::after{ height: 4px;}
|
||
|
|
.textNavBox .cont .right a{ width: 76px;}
|
||
|
|
.textNavBox{ margin: -28px 0 40px 0;}
|
||
|
|
.searchBoxPoP{ top: 50px;}
|
||
|
|
.searchBoxPoP .toper{ padding: 35px 0.35rem 0 0.35rem;}
|
||
|
|
.searchBoxPoP .toper .h1 p{ font-size: 22px; font-weight: bold;}
|
||
|
|
.searchBoxPoP .toper .h1 .sole{ width: 24px; height: 24px;}
|
||
|
|
.searchBoxPoP .toper .input{ margin-top: 0;}
|
||
|
|
.haveBoxSeachPop{ top: 195px;}
|
||
|
|
.searchBoxPoP .null img{ width: 240px;}
|
||
|
|
.searchBoxPoP .swentBox{ margin: 0 0.35rem;}
|
||
|
|
.teacherBox .list .li{ margin: 35px 0 0 0;}
|
||
|
|
.teacherBox .list .li:first-child{ margin: 0;}
|
||
|
|
.teacherBox .list .li .text .mk{ padding: 35px 0;}
|
||
|
|
.teacherTwos .minker{ width: auto; padding: 0.35rem; margin: 40px 0 0 0;}
|
||
|
|
.teacherTwos .minker .li{ padding-top: 40px;}
|
||
|
|
.teacherTwos .minker .li:first-child{ padding-top: 0;}
|
||
|
|
.teacherTwos .minker .li:first-child .img,
|
||
|
|
.teacherTwos .minker .li:nth-child(2n) .img,
|
||
|
|
.teacherTwos .minker .li .img,
|
||
|
|
.whoBoxOne .list .li:first-child{ margin: 0;}
|
||
|
|
.teacherTwos .minker .mker,
|
||
|
|
.teacherTwos .minker .li:nth-child(3) .text,
|
||
|
|
.teacherTwos .minker .li:nth-child(4) .text,
|
||
|
|
.whoBoxTwo{ padding: 0;}
|
||
|
|
.teacherTwos .minker .li:first-child .img,
|
||
|
|
.teacherTwos .minker .li:first-child .img i{ border-radius: 0px 2.9rem 0px 2.9rem;}
|
||
|
|
.teacherTwos .minker .li:nth-child(2) .img,
|
||
|
|
.teacherTwos .minker .li:nth-child(2) .img i{ border-radius: 0px 1.3rem 1.3rem 1.3rem;}
|
||
|
|
.teacherTwos .minker .li:nth-child(3) .img,
|
||
|
|
.teacherTwos .minker .li:nth-child(3) .img i{ border-radius: 1.3rem 1.3rem 0px 1.3rem;}
|
||
|
|
.teacherTwos .minker .li:nth-child(4) .img,
|
||
|
|
.teacherTwos .minker .li:nth-child(4) .img i{ border-radius: 1.3rem 1.3rem 0px 1.3rem;}
|
||
|
|
.teacherTwos .minker .li .text{ margin-top: 25px;}
|
||
|
|
.teacherTwos .minker .li .text .kt{ margin-top: 10px;}
|
||
|
|
.teacherTwos .minker .li .text .kt .h,
|
||
|
|
.teacherTwos .minker .li .text .kt .p{ font-size: 15px; line-height: 25px;}
|
||
|
|
.teacherTwos .moreBox,
|
||
|
|
.whoBoxOne .list .li{ margin: 35px 0 0 0;}
|
||
|
|
.whoBoxOne .list .li .text{ padding: 30px;}
|
||
|
|
.whoBoxOne .list .li .text .h1{ font-size: 18px; line-height: 28px;}
|
||
|
|
.whoBoxOne .list .li .text .p{ font-size: 16px; line-height: 26px;}
|
||
|
|
.whoBoxTwo .cont{ padding: 75px 0.35rem; margin: 0.35rem 0; display: block;}
|
||
|
|
.whoBoxTwo .cont .img .m1,
|
||
|
|
.whoBoxTwo .cont .img .m2,
|
||
|
|
.whoBoxTwo .cont .img .m3,
|
||
|
|
.whoMaoBox .text{ position: relative; top: auto; left: auto; bottom: auto; right: auto;}
|
||
|
|
.whoBoxTwo .cont .text .h1{ font-size: 22px;}
|
||
|
|
.whoBoxTwo .cont .text .p p{ font-size: 15px; line-height: 25px; margin-top: 20px;}
|
||
|
|
.whoBoxTwo .cont .text .p{ padding-top: 0; width: auto;}
|
||
|
|
.whoBoxTwo .cont .img .m{ margin-top: 35px;}
|
||
|
|
.whoBoxThree .cont{ display: block;}
|
||
|
|
.whoBoxThree .cont .text{ border-radius: 0;}
|
||
|
|
.whoBoxThree{ margin: 0;}
|
||
|
|
.whoMaoBox .mapBr{ width: 100%; height: 350px;}
|
||
|
|
.whoMaoBox .mapBr::after{ display: none;}
|
||
|
|
.whoBoxThree .cont .text .mk{ padding: 75px 0.35rem 35px 0.35rem;}
|
||
|
|
.whoBoxThree .cont .text .mk .h1,
|
||
|
|
.whoMaoBox .text .h1{ font-size: 22px; line-height: 32px;}
|
||
|
|
.whoBoxThree .cont .text .mk .p,
|
||
|
|
.whoMaoBox .text .p{ font-size: 15px; line-height: 25px; width: auto;}
|
||
|
|
.whoBoxThree .cont .text .mk .icon .li{ width: 50%; margin-bottom: 5px;}
|
||
|
|
.whoBoxThree .cont .text .mk .icon .li a{ font-size: 16px; padding-left: 30px;}
|
||
|
|
.whoBoxThree .cont .text .mk .icon .li1 a{background: url(/static/images/frontImages/w13.png) no-repeat left center;background-size: 22px auto;}
|
||
|
|
.whoBoxThree .cont .text .mk .icon .li2 a{ background: url(/static/images/frontImages/w15.png) no-repeat left center; background-size: 22px auto;}
|
||
|
|
.whoBoxThree .cont .text .mk .icon .li3 a{ background: url(/static/images/frontImages/w17.png) no-repeat left center; background-size: 22px auto;}
|
||
|
|
.whoBoxThree .cont .text .mk .icon .li4 a{ background: url(/static/images/frontImages/w16.png) no-repeat left center; background-size: 22px auto;}
|
||
|
|
.whoBoxThree .cont .text .mk .icon .li5 a{ background: url(/static/images/frontImages/w14.png) no-repeat left center; background-size: 22px auto;}
|
||
|
|
.whoBoxThree .cont .text .mk .icon{ margin-top: 30px;}
|
||
|
|
.whoMaoBox{ display: block;}
|
||
|
|
.whoMaoBox .text{ width: auto; height: auto; padding: 0 0.35rem 35px 0.35rem;}
|
||
|
|
.whoMaoBox .text .p{ margin-top: 30px;}
|
||
|
|
/* */
|
||
|
|
.header,
|
||
|
|
.header .cont{ position: inherit; top: auto; left: auto; right: auto; width: auto; height: auto; background: hsla(0,0%,100%,0.00);}
|
||
|
|
.header .cont .logo{ position: fixed; top: 0; left: 0; right: 0; height: 50px; display: flex; justify-content: space-between; align-items: center; padding: 0 0.25rem; background: hsla(216,91%,48%,0.85); z-index: 25;}
|
||
|
|
.header .cont .logo a img{ height: 40px;}
|
||
|
|
.header .cont .logo .sole{ width: 24px; height: 20px; position: relative;}
|
||
|
|
.header .cont .logo .sole i{ display: block; width: 24px; height: 3px; border-radius: 3px; background: #fff; position: absolute; left: 0; transition: all 0.5s;}
|
||
|
|
.header .cont .logo .sole i:first-child{ top: 0;}
|
||
|
|
.header .cont .logo .sole i:nth-child(2){ top: 50%; margin-top: -1.5px;}
|
||
|
|
.header .cont .logo .sole i:nth-child(3){ bottom: 0;}
|
||
|
|
.header .cont .logo .sole2 i:first-child{ transform-origin: top left; transform: rotate(45deg); width: 25px;}
|
||
|
|
.header .cont .logo .sole2 i:nth-child(2){ width: 0;}
|
||
|
|
.header .cont .logo .sole2 i:nth-child(3){ transform-origin: bottom left; transform: rotate(-45deg); width: 25px;}
|
||
|
|
.header .cont .right{ width: 100%; height: auto; position: fixed; top: 50px; right: -100%; bottom: 0; overflow-y: auto; background: #fff; z-index: 25; display: block; padding-top: 50px; transition: all 0.5s; opacity: 0;}
|
||
|
|
.header .cont .right2{ right: 0; opacity: 1;}
|
||
|
|
.header .cont .right .li{ width: auto; text-align: center; margin: 0 0 15px 0;}
|
||
|
|
.header .cont .right .tit a{ font-size: 18px; font-weight: bold; color: #333; line-height: 30px;}
|
||
|
|
.header .cont .right .li.on .tit a{ background: #fff; color: #2074F2;}
|
||
|
|
.header .cont .right .li .list{ display: none; position: relative; top: auto; left: auto; bottom: auto; width: auto; padding: 0; right: auto; transform: none;}
|
||
|
|
.header .cont .right .li .list .mker{ width: auto; text-align: center; display: block; border: none; background: #fff;}
|
||
|
|
.header .cont .right .li .list .mker .mk,
|
||
|
|
.header .cont .right .li .list .mker .mk:nth-child(2){ display: block; padding: 0; border: none;}
|
||
|
|
.header .cont .right .li .list .mker .mk a{ font-size: 16px; line-height: 30px; margin: 0;}
|
||
|
|
/* */
|
||
|
|
.characteristic2 .img,
|
||
|
|
.characteristic2 .img i,
|
||
|
|
.characteristic2 .img::after,
|
||
|
|
.characteristic .textBox .text{ border-radius: 0.38rem; margin: 0;}
|
||
|
|
.characteristic .textBox .text .mk{ padding: 30px 0.35rem 50px 0.35rem;}
|
||
|
|
.characteristic .textBox{ padding: 0;}
|
||
|
|
.characteristic .swiper-pagination{ left: 0!important; justify-content: center; width: 100%; bottom: 15px!important;}
|
||
|
|
.characteristic .textBox .text .more{ justify-content: center;}
|
||
|
|
.characteristic .textBox .text .p{ padding: 20px; font-size: 15px; line-height: 26px;}
|
||
|
|
.characteristic .textBox .text .top p{ font-size: 16px;}
|
||
|
|
.characteristic .textBox .text .top i{ width: 44px; height: 44px; font-size: 18px; line-height: 44px;}
|
||
|
|
.characteristic .textBox .text .top{ height: 44px; line-height: 44px;}
|
||
|
|
.webAmbient .list,
|
||
|
|
.webOneBox .list{ margin-top: 40px;}
|
||
|
|
.webAmbient .list .li5 .text,
|
||
|
|
.webAmbient .list .li5 .text p,
|
||
|
|
.webAmbient .list .li8 .text,
|
||
|
|
.webAmbient .list .li8 .text p,
|
||
|
|
.webOneBox .list .li1 .text p,
|
||
|
|
.webOneBox .list .li7 .text p,
|
||
|
|
.webStuly .cont .text .p p{ font-size: 15px; line-height: 26px;}
|
||
|
|
.webAmbient .list .li5 .text,
|
||
|
|
.webAmbient .list .li8 .text,
|
||
|
|
.webOneBox .list .li1 .text,
|
||
|
|
.webOneBox .list .li7 .text{ padding: 30px 25px;}
|
||
|
|
.webListBox .cont,
|
||
|
|
.webStuly .cont{ display: block;}
|
||
|
|
.webListBox .cont .li{ width: auto; margin: 50px 20px 0 20px;}
|
||
|
|
.webListBox .cont .li:first-child{ margin: 0 20px 0 20px;}
|
||
|
|
.webStuly{ margin: 0 0.35rem;}
|
||
|
|
.webStuly .cont .imgBox .img1,
|
||
|
|
.webStuly .cont .imgBox .img1 i,
|
||
|
|
.webStuly .cont .imgBox .img2,
|
||
|
|
.webStuly .cont .imgBox .img2 i,
|
||
|
|
.webStuly .cont .imgBox .img3,
|
||
|
|
.webStuly .cont .imgBox .img3 i{ position: relative; top: auto; left: auto; bottom: auto; right: auto;}
|
||
|
|
.webStuly .cont .text .h1{ font-size: 22px; line-height: 32px;}
|
||
|
|
.webStuly .cont .text .p p{ margin-top: 15px;}
|
||
|
|
.webStuly .cont .text .p{ padding-top: 0;}
|
||
|
|
.webStuly .cont .imgBox .img1,
|
||
|
|
.webStuly .cont .imgBox .img2,
|
||
|
|
.webStuly .cont .imgBox .img3{ margin-top: 25px;}
|
||
|
|
.webStuly .cont .imgBox .img2,
|
||
|
|
.webStuly .cont .imgBox .img2 i,
|
||
|
|
.webStuly .cont .imgBox .img3,
|
||
|
|
.webStuly .cont .imgBox .img3 i,
|
||
|
|
.webStuly .cont .imgBox .img1,
|
||
|
|
.webStuly .cont .imgBox .img1 i{ border-radius: 0;}
|
||
|
|
.adviceBox .cont{ width: 85%;}
|
||
|
|
.header .cont .logo .sole{ display: block;}
|
||
|
|
|
||
|
|
}
|