/** * Swiper 5.4.1 * Most modern mobile touch slider and framework with hardware accelerated transitions * http://swiperjs.com * * Copyright 2014-2020 Vladimir Kharlampidi * * Released under the MIT License * * Released on: May 20, 2020 */ @font-face{font-family:swiper-icons;src:url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-container-multirow>.swiper-wrapper{flex-wrap:wrap}.swiper-container-multirow-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-container-3d{perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-container-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(-1 * var(--swiper-navigation-size)/ 2);z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{content:'next'}.swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white{--swiper-navigation-color:#ffffff}.swiper-button-next.swiper-button-black,.swiper-button-prev.swiper-button-black{--swiper-navigation-color:#000000}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white{--swiper-pagination-color:#ffffff}.swiper-pagination-black{--swiper-pagination-color:#000000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;animation:swiper-preloader-spin 1s infinite linear;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden} @charset "UTF-8"; *{margin:0;padding:0; box-sizing: border-box; line-height: 1;} body{ font-family:"微软雅黑";-webkit-tap-highlight-color:transparent;outline:0; text-transform: capitalize;} html,body{ width:100%; max-width:640px;margin:0 auto;overflow-x:hidden;overflow-y:auto;zoom:1;line-height:100%;position:relative;} /*假设UI设计稿的宽度是640px，html的font-size想要设置为20px，设以rem为单位font-size大小为x 。得出100 vw / x = 640 / 20 ，则x = 100 vw / 32 ,具体情况就按照UI的设计图计算一下。*/ html,body {font-size:calc(100vw / 32);} @media screen and (min-width: 640px){ html{ font-size:20px; } } @font-face{font-family:'iconfont';src:url('/font/iconfont.eot');src:url('/font/iconfont.eot#iefix') format('embedded-opentype'),url('/font/iconfont.ttf') format('truetype'),url('/font/iconfont.svg#iconfont') format('svg');} @font-face{font-family:"iconfont";src:url("/font/iconfont-full.ttf") format("truetype")} #jesong_chat_layout * {line-height:1.75 !important;} .jesong-service-bubble .jesong-service-session-con{line-height:1.75 !important;} img{ max-width: 100%; height: auto; border: 0;} h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal} table{border-collapse:collapse;border-spacing:0} caption,th{text-align:left} fieldset,img{border:0} li{list-style:none} ins{text-decoration:none} del{text-decoration:line-through} input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;outline:0} button{-webkit-appearance:none;border:0;background:0} a{-webkit-touch-callout:none;text-decoration:none} :focus{outline:0;-webkit-tap-highlight-color:transparent} em,i{font-style:normal} .clearfix{*zoom:1;} .clearfix:before,.clearfix:after{display:table;line-height:0;content:"";} .clearfix:after{clear:both;} .ui-icon,[class^="ui-icon-"]{font-family:"iconfont"!important;font-size:32px;line-height:44px;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:.2px;display:block;color:rgba(0,0,0,0.5)} .ui-icon-close:before{content:""} .ui-icon-search:before{content:""} .ui-icon-return:before{content:""} .ui-icon-close,.ui-icon-search{color:#8e8e93} a{color:#000} em{color:#ff8444} h1{font-size:18px} h2{font-size:17px} h3,h4{font-size:16px} h5,.ui-txt-sub{font-size:14px} h6,.ui-txt-tips{font-size:12px} .omqw{min-width:320px;max-width:640px;margin:0 auto} section{min-width:320px;max-width:640px;margin:0 auto} .m-bbj{background:#7d4623} .m-bj{background:#FFF;} .zpbt{text-align:center;font-size:14px} .m-10{margin:10px} .m-5{margin:5px} .m-2{margin:2px} .m-b75{margin-bottom:75px} .p-5{margin:5px} #dh{display:block;position:absolute;right:5px;top:0;background:url("../img/fl-icon.jpg") center no-repeat;height:44px;width:31px;} .ui-nav{padding-top:6px} .ui-nav span{font-size:12px;color:#FFF} .ui-nav .i-lw{background:url("/newm/img/nav/csssprite.png");height:25px;width:32px;display:block;line-height:24px;margin:0 auto;background-position:0 0} .ui-nav .i-tel{background:url("/newm/img/nav/csssprite.png");height:25px;width:32px;display:block;line-height:24px;margin:0 auto;background-position:-28px 0} .ui-nav .i-swt{background:url("/newm/img/nav/csssprite.png");height:25px;width:32px;display:block;line-height:24px;margin:0 auto;background-position:-60px 0} .ui-nav .i-bm{background:url("/newm/img/nav/csssprite.png");height:25px;width:32px;display:block;line-height:24px;margin:0 auto;background-position:-92px 0} .yaoyiyao{ position:fixed;left:0;bottom:50px;width:95px } .tel_24{width:160px;height:45px;background:url(/images/tel_24.png) left center no-repeat;text-indent:40px;line-height:45px;color:#FFF;font-family:"微软雅黑";font-size:16px;font-weight:bold;} .icon42{font-size:42px;} .dh_list{color:#9fa1a1;font-size:14px;} .c-icon-1{color:#66c2fd;} .c-icon-2{color:#f76c90;} .c-icon-3{color:#f18d00;} .c-icon-4{color:#68bc16;} .c-icon-5{color:#fff000;} .x-ftc1{color:#fff;} .x-ftc1 a{color:#FFF;} .x-ft12{font-size:12px;} .x-container{margin:15px auto;padding:0 10px;font-family:"微软雅黑";background:#FFF;} .x-bmbt{border-left:solid 10px #323232;padding-left:20px;color:#323232;font-size:24px;} .x-bmbt .fbt{font-family:Arial,Helvetica,sans-serif;font-size:14px;} .x-bm{padding:30px 0 20px 0;text-align:center;} .x-bm button{font-size:18px;height:44px;line-height:44px;width:50%;border-radius:10px;color:#fff;letter-spacing:5px;cursor:pointer;background:#323232;} .padb80{padding-bottom:80px;text-align:center;font-size:12px;margin-top:20px;} .padb80 img{width:60px;height:60px;} .padb20{padding-bottom:20px;text-align:center;font-size:12px;} .padb20 img{width:60px;height:60px;} /*新名师风采2020-8-12*/ .new_msfc{width:100%;height:auto;margin:0 auto;} .new_msfc img{max-width:100%;height:auto;border:0;} .new_msfc .t_ms{height:auto;margin:0 auto;text-align:center;margin-top:1rem;} .new_msfc .t_ms2{height:auto;margin:0 auto;text-align:center;margin-top:1rem;} .new_msfc .t_ms3{height:auto;margin:0 auto;text-align:center;margin-top:1rem;} .new_msfc .t_ms img{max-width:100%;height:auto;border:0;} .new_msfc .ms_lb{width:90%;margin:0 auto;padding-bottom:5px;overflow:hidden;margin-top:1rem;} .new_msfc .ms_lb .lunbo1{width:100%;height:auto;margin:0 auto;} .new_msfc .ms_lb .lunbo1 li{width:45%;height:auto;float:left; margin-top:1rem;} .new_msfc .ms_lb .lunbo1 li:nth-child(1){margin-top:0px;} .new_msfc .ms_lb .lunbo1 li:nth-child(2){margin-top:0px;} .new_msfc .ms_lb .lunbo1 li:nth-child(3n+2){float:right;} .ms-zx{ position: absolute; width: 40%; height: 1.8rem; left: 48%; bottom: 2.5rem;} .ms-zx-l{ width: 48%; height: 1.8rem; line-height: 1.8rem; text-align: center; font-size: 1rem; float: left; background: #f6ad3c; border-radius: 0.4rem;} .ms-zx-l a{ color: #fff;} .ms-zx-r{ width: 48%; height: 1.8rem; line-height: 1.7rem; text-align: center; font-size: 1rem; float: right; border: 1px ; border: 1px solid #222928; border-radius: 0.4rem;} /*新活力校园*/ .hlxy{width:100%;height:auto;margin:0 auto; box-sizing: border-box;} .hlxy img{max-width:100%;height:auto;border:0;vertical-align:bottom;} .hlxy .part{ padding-top: 30px;} .hlxy .t_en{ text-align: center; color: #4f4f4f; font-size: 24px; line-height: 100%; text-transform: uppercase; font-weight: bold;} .hlxy .t_cn{ text-align: center; color: #f2940f; font-size: 24px; line-height: 100%; padding-top: 10px; font-weight: bold;} .hlxy .part .zx{ width: 94%; height: auto; text-align: center; margin: 0 auto; margin-top: 30px; font-size: 16px; line-height: 100%; padding: 10px 0; border: 2px solid #f2940f; box-sizing: border-box;} .hlxy .part .zx a{ color: #f2940f;} .hlxy .p1{ box-sizing: border-box; margin-top: 20px;} .hlxy .p1 .top{ width: 94%; margin: 0 auto; padding: 15px 20px; background: #f2940f; color: #fff; box-sizing: border-box; } .hlxy .p1 .top .cn{ font-size: 18px; line-height: 175%;} .hlxy .p1 .top .en{ font-size: 17px; line-height: 125%; font-family: "黑体"; padding-top: 10px;} .hlxy .p1 .bottom{ width: 94%; margin: 0 auto; text-align: center; } .hlxy .p-img{ width: 94%; margin: 0 auto; margin-top: 20px;} .hlxy .p-3{ width: 94%; margin: 0 auto; position: relative; background: #f2940f; margin-top: 90px; } .hlxy .p-3 .right{ width: 50%; float: right; padding-right: 15px; height: 310px; overflow: scroll; OVERFLOW-Y: auto; overflow-x: hidden; box-sizing: border-box; } .hlxy .p-3 .right p{ color: #fff; line-height: 175%; margin-top: 15px; font-size: 16px;} .hlxy .p-3 .p3-img{ position: absolute; width: 40%; left: 5%; bottom: 20px;} .hlxy .mt10{ width: 94%; margin: 0 auto; margin-top: 10px; } .hlxy .mt10 li{ width: 32%; height: auto; float: left; margin-left: 2%;} .hlxy .mt10 li:first-child{ margin-left: 0;} .hlxy .p4{ box-sizing: border-box; margin-top: 20px;} .hlxy .p4 .top{ width: 94%; margin: 0 auto; font-size: 18px; line-height: 175%; padding: 20px 0 20px 40px; color: #fff; background: #f2940f;} .hlxy .p4 .bottom{ width: 90%; margin: 0 auto; text-align: center; } @media (max-width:600px){ .hlxy .p-3{ margin-top: 50px; } .hlxy .p-3 .right{ height: 280px;} } @media (max-width:480px){ .hlxy .t_en{ font-size: 20px; } .hlxy .t_cn{ font-size: 20px;} .hlxy .p1 .top .cn{ font-size: 16px; } .hlxy .p1 .top .en{ font-size: 15px;} .hlxy .p-3{ margin-top: 50px; } .hlxy .p-3 .right{ height: 240px;} .hlxy .p4 .top{ font-size: 16px;} } @media (max-width:421px){ .hlxy .t_en{ font-size: 18px; } .hlxy .t_cn{ font-size: 18px;} .hlxy .p1 .top .cn{ font-size: 15px; } .hlxy .p1 .top .en{ font-size: 14px;} .hlxy .part .zx{ font-size: 15px; padding: 6px 0;} .hlxy .p-3{ margin-top: 40px; } .hlxy .p-3 .right{ height: 205px;} .hlxy .p-3 .p3-img{ bottom: 10px;} .hlxy .p4 .top{ font-size: 14px;} } @media (max-width:376px){ .hlxy .t_en{ font-size: 16px; } .hlxy .t_cn{ font-size: 16px;} .hlxy .part .zx{ font-size: 14px;} .hlxy .p-3 .right{ height: 180px;} } @media (max-width:321px){ .hlxy .t_en{ font-size: 14px; } .hlxy .t_cn{ font-size: 14px;} .hlxy .p1 .top .cn{ font-size: 14px; } .hlxy .p1 .top .en{ font-size: 12px;} .hlxy .p-3 .right{ height: 150px;} } .ncjy{ width: 100%; height: auto;} .ncjy li{ width: 49%; margin-left: 2%; float: left; margin-top: 1%;} .ncjy li:nth-child(2n+1){ margin-left: 0;} /*新联系我们*/ .lxwm{width:100%;height:auto;margin:0 auto;max-width:640px;min-width:320px;} .lxwm .banner{width:100%;height:auto;margin:0 auto;} .lxwm img{max-width:100%;height:auto;border:0;} .lxwm .nav{width:100%;height:auto;margin:0 auto;font-size:16px;line-height:225%;color:#cd9e7f;text-indent:3%;border-bottom:2px solid #eaeaea;margin-bottom:20px;} .lxwm .zhuanche{width:100%;height:auto;margin:0 auto;padding-bottom:20px;border-bottom:2px solid #eaeaea;} .lxwm .zhuanche .ipt{width:80%;height:auto;border:1px solid #eaeaea;font-size:14px;padding:3% 0;margin-top:20px;margin-left:20px;} .lxwm .zhuanche .ipt input{width:100%;height:100%;border:0;background:#fff;color:#000;text-indent:20px;} .lxwm .zhuanche .ipt input::-webkit-input-placeholder{color:#b8c0c2;opacity:1;text-indent:20px;} .lxwm .zhuanche .ipt input:-ms-input-placeholde{color:#b8c0c2;opacity:1;text-indent:20px;} .lxwm .zhuanche .sub{width:150px;height:40px;margin:5% 0 0 20px;line-height:40px;background:#be9e7f;color:#fff;text-align:center;font-size:14px;} .lxwm .luxian{width: 92%; margin: 0 auto;} .luxian .l-img{width: 62px; height: 62px; float: left;} .luxian .r-n{width: 240px; height: 62px; float: left; text-indent: 15px; line-height: 62px; font-size: 22px; color: #be9e7f;} .luxian .r-n span{color: #000;} .luxian .detail{width: 87%; margin-left: 13%; font-size: 20px; line-height: 200%; padding-bottom: 20px;} .tt1 .tt2{width: 87%; margin-left: 13%; font-size: 20px; line-height: 200%; padding-bottom: 20px; color: #be9e7f;} @media (max-width:420px){.luxian .l-img{width: 48px; height: 48px; ;} .luxian .r-n{width: 240px; height: 48px; text-indent: 14px; line-height: 48px; font-size: 20px; color: #be9e7f;} .luxian .detail{width: 84%; margin-left: 16%; font-size: 18px; padding-bottom: 16px;} .tt1 .tt2{width: 84%; margin-left: 16%; font-size: 18px; padding-bottom: 16px;}} @media (max-width:380px){.luxian .l-img{width: 36px; height: 36px;} .luxian .r-n{width: 240px; height: 36px; text-indent: 12px; line-height: 36px; font-size: 18px; color: #be9e7f;} .luxian .detail{width: 86%; margin-left: 14%; font-size: 16px; padding-bottom: 14px;} .tt1 .tt2{width: 86%; margin-left: 14%; font-size: 16px; padding-bottom: 14px;}} @media (max-width:321px){.luxian .l-img{width: 28px; height: 28px;} .luxian .r-n{width: 240px; height: 28px; text-indent: 10px; line-height: 28px; font-size: 16px; color: #be9e7f;} .luxian .detail{width: 87%; margin-left: 13%; font-size: 14px; padding-bottom: 12px;} .tt1 .tt2{width: 87%; margin-left: 13%; font-size: 14px; padding-bottom: 12px;}} .wz{ width: 44%; height: auto; margin: 0 auto; padding-top: 1rem; } .xq{ width: 84%; background: #eeeeee; margin: 0 auto; margin-top: 1rem; height: 8.5rem;} .xq-l{ width: 31%; height: 8.5rem; float: left; text-align: center;} .xq-l img{ width:5.5rem; height: auto; margin-top: 2rem; } .xq-r{ width: 68%; height: 8.5rem; float: right; padding: 1rem 0;} .xq-t{ font-size: 1.2rem; color: #000000; font-weight: bold; line-height: 1;} .xq-dz{ font-size: 0.9rem; color: #000; line-height: 1.5; margin-top: 0.5rem;} .xq-a{ width: 9rem; height: 1.5rem; background: #c39950; border-radius: 0.75rem; text-align: center; font-size: 0.8rem; color: #fff; margin-top: 0.5rem; line-height: 1.5rem;} .xq-a a{ color: #fff;} .fffcee{ background: #fffcee;} /*新联系我们*/ /*商务通弹窗一*/ .omqcenterbox{width:275px;height:261px;background-color:#fff;position:fixed;left:50%;top:50%;border-radius:15px;-webkit-border-radius:15px;-moz-border-radius:15px;margin-left:-137.5px;margin-top:-130.5px;box-shadow:0 0 20px rgba(10,2,4,.75);-webkit-box-shadow:0 0 20px rgba(10,2,4,.75);-moz-box-shadow:0 0 20px rgba(10,2,4,.75);-ms-box-shadow:0 0 20px rgba(10,2,4,.75);z-index:11111;transition:linear .5s; display: none;} .omqcenterbox-close{position:absolute;top:-14px;right:-14px;cursor:pointer;} .omqcenterbox .omqcenter-title{display:block;width:100%;text-align:center;font-size:22px;font-weight:400;line-height:1.5;font-family:"Microsoft YaHei";margin-top:28px;} .omqcenterbox .omqcenter-ftitle{display:block;width:100%;text-align:center;font-size:16px;font-weight:200;color:#F00;} .omqcenterbox .omqcenter-telval{width:227px;height:30px;border:1px solid #6a7380;border-radius:17px;-webkit-border-radius:17px;-moz-border-radius:17px;margin:20px auto 8px} .omqcenterbox .omq-telval{width:150px;height:30px;line-height:30px;background-color:#FFF;font-size:14px;color:#6a7380;-moz-border-radius:15px 0 0 15px;-webkit-border-radius:15px 0 0 15px;border-radius:15px 0 0 15px;padding-left:13px;float:left;outline:0;border:0;} .omqcenterbox .omq-telbtn{width:74px;height:30px;line-height:30px;color:#fff;background-color:#6a7380;font-size:12px;text-align:center;text-decoration:none;-moz-border-radius:0 14px 14px 0;-webkit-border-radius:0 14px 14px 0;border-radius:0 14px 14px 0;float:left;border:0;cursor:pointer;} .omqcenterbox .omq-innerc{width:228px;margin:0 auto;font-size:12px;line-height:1.4} .omqcenterbox .omqcenter-chat{position:absolute;width:100%;bottom:0;left:0;height:58px;line-height:58px;border-radius:0 0 15px 15px;-webkit-border-radius:0 0 15px 15px;-moz-border-radius:0 0 15px 15px} .omqcenter-swt,.omqcenter-tel{display:block;position:relative;width:50%;height:58px;float:left} .omqcenter-tel{background-color:#f18d00;border-radius:0 0 0 15px;-webkit-border-radius:0 0 0 15px;-moz-border-radius:0 0 0 15px} .omqcenter-swt{background-color:#323232;border-radius:0 0 15px 0;-webkit-border-radius:0 0 15px 0;-moz-border-radius:0 0 15px 0} .omqcenter-tel em,.omqcenter-tel i{display:block;position:absolute;left:50%;color:#fff;font-style:normal;text-decoration:none} .omq-telpic{top:50%;margin-left:-50px;margin-top:-29px;width:27px;height:27px;font-size:24px} .omqcenter-tel em{height:100%;top:0;margin-left:-16px;font-size:16px} .omqcenter-chata,.omqcenter-chatb,.omqcenter-swt em,.omqcenter-swt i{display:block;position:absolute;left:50%;color:#fff;font-style:normal;text-decoration:none;font-size:16px;} .omqcenter-chata{margin-left:-55px;} .omqcenter-chatb{margin-left:-15px;} .omqcenter-nub{top:15px;width:14px;height:14px;margin-left:-34px;line-height:13px;text-align:center;font-size:9px;background-color:#e60012;-moz-border-radius:14px;-webkit-border-radius:14px;border-radius:14px;-moz-box-shadow:0 0 3px rgba(0,0,0,.8);-webkit-box-shadow:0 0 3px rgba(0,0,0,.8);box-shadow:0 0 3px rgba(0,0,0,.8);z-index:3;font-style:normal} .omqcenter-chata{top:50%;margin-left:-50px;width:27px;height:24px;margin-top:-24px;font-size:24px;} /*商务通弹窗一*/ /*15个月弹窗*/ .tc .top{width: 100%; height:196px; position: relative; border-radius:15px 15px 0 0; overflow: hidden;} .tc .top .xf{width: 137px; height: 49px; position: absolute; bottom: 10px; left: 50%; margin-left: -59px;} .tc .bottom{width: 100%; height: 59px;} .tc .bottom .tel{display:block; position:relative; width:50%; height:59px; float:left; background: #f18d00; display: block; border-radius:0 0 0 15px;} .tc .bottom .tel .tel-pic{top:50%; margin-left:-50px; margin-top:-16px; width:27px; height:27px; font-size:24px; display:block; position:absolute; left:50%; color:#fff;font-style:normal; text-decoration:none;} .tel em{display:block; position:absolute; left:50%; color:#fff; font-style:normal; text-decoration:none; height:100%; top:50%; margin-top:-12px; margin-left:-16px; font-size:16px;} .tc .bottom .swt{display:block; position:relative; width:50%; height:59px; float:left; background: #323232; display: block; border-radius:0 0 15px 0;} .tc .bottom .swt i{top:50%; margin-left:-50px; margin-top:-15px; display:block; position:absolute; left:50%; color:#fff;font-style:normal; text-decoration:none;} .tc .bottom .swt em{display:block; position:absolute; left:50%; color:#fff; font-style:normal; text-decoration:none; height:100%; top:50%; margin-top:-12px; margin-left:-16px; font-size:16px;} .tc .close{position:absolute; top:-16px; right:-15px; cursor:pointer; width: 36px; height: 36px;} .tc img{max-width: 100%; height: auto;} /*15个月弹窗*/ .index_swt{background: #323232;font-size: 16px;text-align: center;border-radius: 10px;height: 30px;display: block;width: 210px;letter-spacing: 2px;line-height: 30px;margin: 0 auto;} .index_swt a{color: #fff;} .swiper-containerzy{margin:0 auto;position:relative;overflow:hidden;z-index:1;margin-top:10px;} /*新导航弹出层*/ #top_nav{width: 100%; position: fixed; top: 0; bottom: 0; background: #060606; z-index: 9999999999999; left: 0; right: 0; display: none;} #top_nav .nav_logo{width: 15%; margin: 0 auto; height: auto; padding: 10px 0; text-align: center; max-width: 80px; min-width: 60px;} #top_nav img{max-width: 100%; height: auto; border: 0;} #top_nav .nav_close{position: absolute; left: 20px; top: 15px; width: 18px; height: 18px;} #top_nav .list{width: 100%; height: auto; margin: 0 auto;} #top_nav .list li{width: 100%; height: auto; margin: 0 auto; padding: 10px 0; font-size: 16px; border-bottom: 1px solid #363636; text-indent: 20px;} #top_nav .list li a{color: #fff;} #top_nav .list li:last-child{text-align: center; text-indent: 0;} /*文章列表页2020-6-28*/ .list_nr{width:96%; height:auto; margin:10px auto; border-radius:5px; background:#FFF;} .list_nr .list_nr_cn{width:94%; height:auto; margin:10px auto;} .list_nr .list_nr_cn h1{width:100%; height:auto; font-size:16px; color:#000; font-family:"微软雅黑"; line-height:200%; padding-top:10px; font-weight:bold;} .list_time{width:100%; font-size:12px; color:#c8c8c8; line-height:150%;} .list_img{width:100%; height:auto; margin:10px auto;} .list_img img{max-width:100%; height:auto; border:0;} .list_info{width:100%; height:auto; font-size:14px; color:#808080; line-height:150%; padding-bottom:10px; border-bottom:1px solid #f0f0f0;} .list_info a{color:#808080;} .list_read{width:100%; height:auto; font-size:14px; color:#000; line-height:200%; font-weight:bold; padding:5px 0; position:relative;} .rgt{ position:absolute; width:50px; height:20px; right:0; top:50%; margin-top:-10px; color:#cacacc; line-height:20px;} .rgt a{color:#cacacc;} .dede_pages{text-align:center; padding:0.5rem 0 1rem; } .dede_pages ul li{display:inline-block; font-family:Tahoma; height: 100%; padding: 0.3rem 0; line-height:1.3rem; margin-right:0.3rem; border:1px solid #999; font-size: 1rem;} .dede_pages ul li a{padding:2px 4px 2px; color:#555; display:block;} .dede_pages ul li a:hover{color:#690; text-decoration:none; padding:2px 4px 2px;} .dede_pages ul li.thisclass, .dede_pages ul li.thisclass a,.pagebox ul li.thisclass a:hover{background-color:#F68B3D; padding:2px 4px 2px; font-weight:bold; color:#FFF;} .dede_pages .pageinfo{line-height:21px; padding:12px 10px 12px 16px; color:#999;} .dede_pages .pageinfo strong{color:#555; font-weight:normal; margin:0px 2px;} /*文章列表页*/ /*新文章详情页*/ .news .banner{width: 100%; height: auto; margin: 0 auto;} .news .banner img{max-width: 100%; height: auto; border: 0;} .news .nr{height: auto; padding: 20px 5px; border-bottom: 1px solid #cdcdcd;} .news .nr .title{width: 100%; height: auto; border-bottom: 1px solid #cdcdcd; padding-bottom: 10px;} .news .nr .title h1{font-size: 1.2rem; padding-bottom: 5px; line-height: 2;} .news .nr .title p{font-size: 14px; text-align: center; color: #8e9399;} .news .nr .title p span{padding-left: 15px;} .news .nr .zhengwen{ width: 100%; height: auto; padding: 10px 0; font-size: 14px; line-height: 2;} .news .nr .zhengwen p{line-height: 2; letter-spacing: 1px;} .news .nr .zhengwen span{line-height: 2; letter-spacing: 1px;} .news .nr .zhengwen img{max-width: 100%; height: auto; border: 0; vertical-align: bottom;} .news .related{margin: 0 auto; padding: 0 15px;} .news .related .title{font-size: 18px; text-align: center; font-weight: bold; padding: 3% 0; letter-spacing: 2px;} .news .related ul{width: 100%; height: auto; margin: 0 auto;} .news .related ul li{width: 100%; height: 80px; border-bottom: 1px solid #e3e3e3; padding: 10px 0;} .news .related ul li .ll{width: 70%; height: 100%; float: left; position: relative;} .news .related ul li .ll a{color: #262a35;} .news .related ul li .ll p{font-size: 16px; font-weight: bold; line-height: 150%;} .news .related ul li .ll .click{position: absolute; color: #83888c; font-size: 12px; bottom: 0; left: 0;} .news .related ul li .rr{width: 120px; height:100%; float: right;} .news .related ul li .rr img{width: 100%; height:100%; border: 0;} @media (max-width:580px){.news .related ul li{height: 70px;} .news .related ul li .rr{width: 100px;} .news .related ul li .ll p{font-size: 16px;}} @media (max-width:480px){.news .related ul li{height: 65px;} .news .related ul li .rr{width: 90px;} .news .related ul li .ll p{font-size: 15px;}} @media (max-width:400px){.news .related ul li .ll{width: 66%;} .news .related ul li{height: 60px;} .news .related ul li .rr{width: 90px;} .news .related ul li .ll p{font-size: 14px;}} .shipin{ width: 94%; height: auto; margin: 0 auto; margin-top: 20px; text-align: center;} .shipin video{ max-width: 100%; height: auto;} /*新文章详情页*/ video::-internal-media-controls-download-button { display:none; } video::-webkit-media-controls-enclosure { overflow:hidden; } video::-webkit-media-controls-panel { width: calc(100% + 30px); } /*学费计算器*/ .fix-xfjs{ width: 4.5rem; height: 4.5rem; position: fixed; right:0; top: 60%; z-index: 999;} .fix-xfjs img{ width: 100%; height: auto;} .hztanchuang1bg{ background: rgba(0,0,0,0.66);width: 100%;height: 100%;position:fixed;top:0;left: 0;z-index: 10; display: flex; flex-direction: column; justify-content: center; align-items: center; display: none;} .hztanchuang1bg.on { display: flex; } .mk-call{display: none; width: 30px; height: 150px; position: fixed; right:0; top: 50%; background: #e70c0c; text-align: center; font-size: 15px; color: #fff; border-radius: 5px; box-sizing: border-box; line-height: 125%; padding-top: 10px; z-index: 9999998;} .jz_tc{ position: fixed; width:300px; left:50%; margin-left: -150px; z-index: 99999999999; top: 50%; margin-top: -220px;transition: all .3s; background: #fff; display: none;} .tac{text-align: center;} .jz_tc_close{position: absolute;right: -11px;top: -15px;z-index: 2;} .jz_tc .jz_box{position: absolute;top: 0px;width: 100%; background: #fff; padding-bottom: 15px; box-shadow: 9px 9px 25px #969696;-moz-box-shadow: 9px 9px 25px #969696;border-radius: 15px;} .jz_tc .jz_banner{width: 100%;} .jz_box_input{ padding: 0 10px 0 14px;} .jz_tc .jz_label{width: 64px;height: 25px;float: left;line-height: 25px;text-align: center;border:solid 1px #333;border-radius: 10px;margin:0px 4px 6px 0px;font-size:12px; box-sizing: border-box;} .jz_tc input[type='radio']{display: none} .jz_tc .jz_box_t{margin-left: 14px;font-size: 14px;font-weight: 700; line-height: 2;} .jz_tc .jz_label_c{background: #383838;color: #fff} .jz_tc .jz_tel{ display: block; width: 90%; height: 30px; line-height: 30px; border-radius: 8px; border:solid 1px #333; background: rgba(0,0,0,0); padding:0px 4%; margin: 0 auto; margin-top: 8px; font-size: 14px;} .jz_submit {width: 90%; line-height: 30px; height: 30px; margin:0 auto; border-radius: 8px;background: #ff0000;color: #fff;border:none;letter-spacing: 3px;font-size: 18px;-webkit-appearance: none; font-weight: bold;} .jz_bg{ width: 100%;height: 100%;position: fixed;background: rgba(0,0,0,.6);top: 0px;left:0px;transform: scale(0);z-index: 103;} .jz_box_input input{-webkit-appearance: none;} .jz_box_input input[type='checkbox']{display: none!important} .jz_tc .clear{clear: both;} /*2019-6-20 index*/ @font-face { font-family: 'TheFlowerCity'; src: url('/font/TheFlowerCity.ttf'); } *{ box-sizing: border-box;} .bottom_55{border-bottom:55px solid transparent;} .header{ width: 100%; display: flex; justify-content: space-between; align-items:center; padding: 3% 3%; } .header img{ max-width: 100%; height: auto; border: 0;} .header a{ display: block;} .nav-t{ width: 1.8rem; } .tel{ width: 1.8rem;} .logo{ width: 20rem;} .index{ width: 100%;} .index img{ display: block; max-width: 100%; height: auto; border: 0; } .idh{ background:#FFF; text-align: center;} .idh img{ height: 2.75rem; width: auto; margin: 0 auto;} .nav{ width:100%; height:auto; margin:0 auto;} .nav li{ float:left; width:20%; height:auto; text-align:center; margin-top:1.5rem; } .nav li a{ color: #222928;} .dh_index{ margin-top:1rem; font-size: 1.15rem; line-height:100%;} .gonggao{ width: 100%; height: 2.5rem; background: #f6ad3c; margin-top: 2rem; padding-top: 0.5rem;} .fuli{ width: 70%; height: 1.5rem; margin: 0 auto; background: #fff; display: flex; justify-content: center; align-items: center; border-radius: 0.5rem;} .fuli-img{ width: 0.9rem;} #lb2{ height: 1.5rem; line-height: 1.5rem; margin: 0; margin-left: 0.2rem;} #lb2 .swiper-slide{ font-size: 0.9rem; color: #333; height: 1.5rem; line-height: 1.5rem; border: 0;} .ntitle{ width: 100%; height: auto; padding: 0.7rem 0;} .t-t{ text-align: center; font-size: 1.6rem; font-weight: bold; color: #222928; line-height: 1; letter-spacing: 2px;} .t-line{ width: 5.5rem; height: 3px; background: #f6ad3c; margin: 0 auto; margin-top: 0.4rem;} .t-TheFlowerCity{ font-family: "TheFlowerCity"; font-size: 2rem; text-align: center; color: #f6ad3c; line-height: 1; margin-top: -0.2rem;} .index .t-cn{ text-align: center; font-size: 1.2rem; color: #595757; line-height: 1; margin-top: 0.35rem;} .index .t-en{ text-align: center; font-size: 0.7rem; line-height: 1; color: #222928; margin-top: 0.35rem;} /*首页课程2020-6-11改*/ .kc{ width: 100%; height: auto; background: #efefef; margin-top: 0.5rem; padding: 1rem; } .kc-tab{ width: 100%;} .kc-tab li{ width: 25%; float: left;} .kc-tab li img{ height: 3rem; width:auto; margin: 0 auto; vertical-align: center; } .kc-tab-img{ height: 3rem; width:auto; margin: 0 auto; vertical-align: center; } .img-none{ height: 3rem; width:auto; margin: 0 auto; vertical-align: center; display: none;} .kc-zy{ width: 100%; height: 1.9rem; line-height: 1.9rem; text-align: center; font-size: 1.15rem; color: #222928; margin-top: 0.75rem;} .kc-tab li.on .kc-tab-img{ display: none;} .kc-tab li.on .img-none{ display: block;} .kc-tab li.on .kc-zy{ background: #f6ad3c; color: #fff;} .kc-tab-b{ width: 100%; margin: 0 auto; margin-top: 0.5rem; } .kc-tab-b li{ display: none;} .kc-tab-b li.on{ display: block; } .kc-info{ display: block; width: 100%; height: auto; position: relative;} .kc-hot{ width: 3.7rem; height: auto; position: absolute; right: 0; bottom: 8rem; z-index: 3;} .kc-ms{ width: 100%; height: 7.5rem; position: absolute; left: 0; bottom: 0; background: rgba(255,255,255,0.8); padding: 0.5rem 1rem; overflow: hidden; z-index: 2;} .kc-ms-t{ display: flex; justify-content: space-between; align-items:flex-end; border-bottom: 1px solid #3388ff; padding-bottom: 0.25rem; overflow: hidden;} .kc-ms-name{ font-size: 1.1rem; width: 48%; color: #3388ff; font-family: "黑体"; font-weight: bold; line-height: 1; overflow-y: auto;} .kc-ms-ks{ font-size: 0.7rem; width: 52%; color: #3388ff; text-align: right; font-weight: bold; line-height: 1; font-family: "黑体"; } .kc-ms-ks span{ font-size: 1rem;} .kc-ms-p{ width: 100%; height: auto; margin-top: 0.25rem; text-indent: 1.2rem; font-size: 0.85rem; line-height: 1.5; font-family: "黑体"; color: #313131; overflow-y: auto;} .kc-tab-b .swiper-pagination-bullet-active{ background: #3388ff } .kc-tab-b .swiper-pagination-bullets{ bottom:0.6rem; } .kc-tab-b .swiper-pagination-bullet{ width: 0.5rem; height: 0.5rem; background: #000;} @media (max-width:360px){ .kc-ms{ height: 8rem;} .kc-ms-name{ width: 46%;} .kc-ms-ks{ width: 54%;} } @media (max-width:320px){ .kc-ms{ height: 8.5rem;} } .kc-zx{ width: 15.3rem; height: 1.8rem; margin: 0 auto; margin-top: 0.75rem; background: #3388ff; line-height: 1.8rem; text-align: center; font-size: 1rem; border-radius: 1.5rem;} .kc-zx a{ color: #fff;} /*首页课程*/ /*体验课程表单*/ .ty{ width: 100%; height: auto; padding: 1rem 0; background: #f6ad3c;} .ty-bd{ width: 92%; margin: 0 auto; background: #fff; padding: 1.5rem 1.4rem; border-radius: 1rem;} .ty-bd-t{ display: flex; justify-content: flex-start; align-items:center; } .ty-bd-t .line{ width: 0.3rem; height: 1.8rem; background: #3388ff; } .ty-bd-t .btt{ height: 1.4rem; line-height: 1.4rem; font-size: 1.4rem; color: #3388ff; margin-left: 1rem; letter-spacing: 0.1rem; } .ty-cl{ width: 100%; display: flex; justify-content: space-between; align-items:center; margin-top: 1.5rem;} .ty-ck{ display: flex; justify-content: flex-start; align-items:center;} .ty-ck .square{ width: 1.2rem; height: 1.2rem; background: rgba(0,0,0,0); border: 1px solid #595757; } .ty-ck .lab{ height: 1.2rem; line-height: 1.2rem; font-size: 1.2rem; color: #595757; margin-left: 0.5rem;} .ty-ck.on .square{ width: 1.2rem; height: 1.2rem; background: url("/images/nindex/squre.png") center 0.25rem no-repeat; background-size: 90% 70%; border:1px solid #ff2b22;} .ty-ck.on .lab{ color: #ff2b22;} .ty-tel{ width: 92%; margin: 0 auto; margin-top: 2rem; height:3rem; line-height: 3rem; text-align: center; } .ty-tel input{ width: 100%; height: 100%; background: rgba(220,220,220,0.4); border-radius: 3rem; text-align: center; line-height: 3rem; color: #cccccc; font-size: 1.2rem; border: 0;} .ty-tel input::-webkit-input-placeholder{ color: #595757; font-size: 1.2rem; text-align: center;} .ty-tel input:-ms-input-placeholde{ color: #595757; font-size: 1.2rem; text-align: center;} .ty-sub{ width: 92%; margin: 0 auto; margin-top: 1rem; height:3rem; line-height: 3rem; text-align: center; background: #3388ff; color: #fff; border-radius: 3rem; font-size: 1.2rem; } .ty-p{ text-align: center; color: #999999; font-size: 1.1rem; margin-top: 0.9rem;} #xf-lb{ width: 94%; margin: 0 auto; margin-top: 1rem;} #xf-lb .swiper-pagination-bullet-active{ background: #fff } #xf-lb .swiper-pagination-bullets{ bottom:0.6rem; } #xf-lb .swiper-pagination-bullet{ width: 0.5rem; height: 0.5rem; background: #f6ad3c;} /*体验课程表单*/ /*报名动态*/ .bmdt{ width: 93%; margin: 0 auto; margin-top: 1rem; background: url("/images/nindex/bm-bg.jpg") center top no-repeat; background-size: 100% 100%; padding: 1.5rem;} .bm-t{ font-size: 1.3rem; font-family: "黑体"; line-height:1; width: auto; border-bottom: 1px solid #3388ff; font-style: italic; color: #3388ff;} .swiper-container-bmdt{ width: 100%; height: 10.6rem; margin-top: 1.25rem; overflow: hidden; border-radius: 0.3rem; padding: 0.5rem 0; background: #fff;} .swiper-container-bmdt .swiper-slide{ width: 100%; height: 2.4rem; border-bottom: 1px solid #c4c4c5; line-height: 2.4rem; font-size: 0.9rem; color: #595757; display: flex; justify-content: space-between; align-items: center; font-weight: bold;} .swiper-container-bmdt .swiper-slide span:last-child{ color: #ad1216;} @media (max-width:320px){ .swiper-container-bmdt .swiper-slide span:nth-child(3){ display: none;} } /*报名动态*/ /*名师风采 2020-11-23*/ .ms20{ width:100%; height:auto; margin:0 auto; max-width:640px; min-width:320px; line-height: 1; font-family: 微软雅黑;} .msbd2-t{ width: 100%; background: #1d1e22; font-size: 1.6rem; font-weight: bold; text-align: center; color: #fff; letter-spacing: 0.7rem; padding: 1rem 0;} .msbd2-in{width: 96%; height: 2.8rem; line-height:2.8rem; background: #efefef; border-radius: 0.5rem; margin: 0 auto; margin-top: 0.5rem; font-size: 1.2rem; text-indent:1rem; } .msbd2-in input{ width: 100%; height: 100%; border: 0; background: #efefef;letter-spacing: 3px;} .msbd2-in input::-webkit-input-placeholder{color:#595757;opacity:1; font-size: 1.2rem;} .msbd2-in input:-ms-input-placeholde{color:#595757;opacity:1; font-size: 1.2rem;} .msbd2-sm{ text-align: center; color: #313131; margin-top: 1rem; letter-spacing: 0.15rem; font-size: 1.2rem;} .msbd2-tj{ width: 59%; height: 2.5rem; line-height: 2.5rem; margin: 0 auto; margin-top: 1rem; font-size: 1.5rem; color: #fff; text-align: center; cursor: pointer; background: #cfa972; border-radius: 2.5rem; letter-spacing: 0.15rem;} .ms20-wj{ width: 100%; height: auto; background: url(/images/ms20/bg.jpg) repeat; padding-top: 2rem; margin-top: 1.5rem;} .ms20-t1{ width: 70%; margin: 0 auto;} .ms20-lb{ width: 90%; margin: 0 auto; padding-bottom: 3rem; position: relative; } .wj-li{ margin-top: 14rem; padding: 6.5rem 5% 1.5rem 5%; position: relative; background: #fff;} .wj-li .wj-img{ width: 54%; height: auto; position: absolute; left: 23%; top:-13rem; z-index: 2;} .wj-name{ font-size: 1.1rem; text-align: center; font-weight: 800; line-height: 1.5; color: #221815; margin-top: 0.25rem;} .ms-star1{ text-align: center; font-size: 1.5rem; color: #cfa972; letter-spacing: 2px; margin: 0.3rem 0;} .wj-info{ font-size: 1rem; color: #727171; line-height: 1.5; letter-spacing: 1px; text-align: center ;} @media (max-width:375px){ .wj-li{ margin-top: 14rem; padding: 7rem 1% 1.5rem 1%; } } @media (max-width:325px){ .wj-li{ margin-top: 14rem; padding: 6.5rem 1% 1.5rem 1%; } } .wj-zx{ display: block; width: 30%; height: auto; margin: 0 auto; margin-top: 1rem;} .ms20-lb .swiper-pagination-bullets{ position: absolute; bottom:1rem; left: 39%; } .ms20-lb .swiper-pagination-bullet{ width: 0.8rem; height: 0.8rem; background: #d3a25f; opacity:1; margin-left: 0.8rem;} .ms20-lb .swiper-pagination-bullet-active{ background: #c6c6c6 ; opacity:1;} .ms20-xd{ width: 100%; padding: 1.5rem 0; background: #fff;} .ms20-t2{ width: 40%; margin: 0 auto;} .ms20-c{ width: 90%; margin: 0 auto; margin-top: 1rem; position: relative; height: 19rem; margin-top: 1rem;} .ms20-img{ width: auto; height: 16.5rem; position: absolute; left: 0; top: 1.25rem; z-index: 3;} .ms20-img img{ width: auto; height: 16.5rem;} .ms20-r{ width: 70%; height: 100%; border: 0.1rem solid #cfa972; position: absolute; right: 0; top: 0; padding-top: 3rem; padding-left: 15%;} .ms20-name{ font-size: 1rem; font-weight: bold; color: #221815; letter-spacing: 0.1rem; line-height: 1.4; text-transform: uppercase;} .ms20-name span{ color: #910000;} .ms20-star{ font-size: 1.3rem; color: #cfa972; letter-spacing: 2px; margin: 0.3rem 0;} .ms20-zc{font-size: 0.8rem; color: #1d1e22; line-height: 1.5; margin-top: 0.6rem; letter-spacing: 1px;} .ms20-info{font-size: 0.8rem; color: #727171; line-height: 1.5; letter-spacing: 1px;} @media (max-width:420px){ .ms20-c{ width: 92%; height: 18rem;} .ms20-img{ width: auto; height: 14rem; position: absolute; left: 0; top: 2rem; z-index: 3;} .ms20-img img{ width: auto; height: 14rem;} .ms20-r{ padding-top: 2.1rem; padding-left: 13%;} .ms-r{ width: 71%;} } @media (max-width:375px){ .ms20-c{ width: 92%; height: 18rem;} .ms20-img{ width: auto; height: 14rem; position: absolute; left: 0; top: 2rem; z-index: 3;} .ms20-img img{ width: auto; height: 14rem;} .ms20-r{ width: 72%; padding-top: 1.5rem; padding-left: 11%;} } @media (max-width:320px){ .ms20-c{ width: 92%; height: 18rem;} .ms20-img{ width: auto; height: 12rem; position: absolute; left: 0; top: 3rem; z-index: 3;} .ms20-img img{ width: auto; height: 12rem;} .ms20-r{ width: 72%; padding-top: 1.5rem; padding-left: 11%;} .ms-long{ padding-top: 0.5rem;} } .ms20-lb2{ padding-bottom: 3rem; position: relative;} .ms20-lb2 .swiper-pagination-bullets{ position: absolute; bottom:0.6rem; left: 34%; } .ms20-lb2 .swiper-pagination-bullet{ width: 0.8rem; height: 0.8rem; background: #d3a25f; opacity:1; margin-left: 0.8rem;} .ms20-lb2 .swiper-pagination-bullet-active{ background: #c6c6c6 ; opacity:1;} .ms20-zx{ display: block; width: 30%; height: auto; margin: 0 auto; margin-top: 1rem;} .ms20-xc{ width: 100%; padding: 1.5rem 0; background: url(/images/ms20/bg.jpg) repeat;} .ms20-lb3{ padding-bottom: 3rem; position: relative;} .ms20-lb3 .swiper-pagination-bullets{ position: absolute; bottom:0.6rem; left: 40%; } .ms20-lb3 .swiper-pagination-bullet{ width: 0.8rem; height: 0.8rem; background: #d3a25f; opacity:1; margin-left: 0.8rem;} .ms20-lb3 .swiper-pagination-bullet-active{ background: #c6c6c6 ; opacity:1;} .ms20-bg2{ background: #fff;} .ms20-bg3{ border: 0;} .ms20-end{ width: 92%; margin: 0 auto; padding: 1.5rem 0 2.2rem; position: relative;} .ms20-end .swiper-pagination-bullets{ position: absolute; bottom:0.6rem; left: 31%; } .ms20-end .swiper-pagination-bullet{ width: 0.8rem; height: 0.8rem; background: #d3a25f; opacity:1; margin-left: 0.8rem;} .ms20-end .swiper-pagination-bullet-active{ background: #c6c6c6 ; opacity:1;} .ms20-ts{ width: 80%; margin: 0 auto; padding: 1.5rem;} /*名师风采*/ /*作品*/ .index .zp{ width: 100%; margin-top: 1.5rem; padding: 1.4rem 1.3rem; background: #efefef;} .index .zp-t{ width: 100%; display: flex; justify-content: space-between; align-items: center; } .index .zp-t li{ width: 7rem; height: 2.5rem; line-height: 2.5rem; border: 1px solid #222928; text-align: center; background: #fff; font-size: 1rem; font-family: "黑体"; border-radius: 0.25rem;} .zp-t li.on{ background: #f6ad3c;} .zp-b{ width: 100%; margin-top: 1rem; } .zplist{ position: relative; display: none;} .zplist.on{ display: block;} .zp-b .swiper-slide{ position: relative;} #zp-xd{ position: relative;} .zp-b .swiper-slide .shuiyin{ position: absolute; width: 18rem; top: 50%; margin-top:-0.6rem; left: 50%; margin-left: -9rem; } .zplist .index-zp-prev{ background: url("/images/nindex/prve.png") center center no-repeat; width: 2.2rem; height: 2.2rem; position: absolute; z-index: 2; top: 45%; left: 0.5rem;} .zplist .index-zp-next{ background: url("/images/nindex/next.png") center center no-repeat; width: 2.2rem; height: 2.2rem; position: absolute; z-index: 2; top: 45%; right: 0.5rem;} @media (max-width:360px){ .zp-t li{ width: 6.5rem;} } @media (max-width:320px){ .zp-t li{ width: 5.8rem;} } /*作品*/ /*linshi*/ .linshi{ width: 100%; height: auto; margin-top: 1rem;} .ls-t{ font-size: 1rem; text-align: center; color: #3388ff; line-height: 2;} /*优势*/ .index .ys{ width: 100%; height: auto; background: url("/images/nindex/ys-bg.jpg") center top no-repeat; padding: 0.75rem 2rem;} .ys-c{ width: 100%; height: auto; border-top: 0.15rem solid #f6ad3c; border-bottom: 0.15rem solid #f6ad3c; background: #fff;} .ys-c li{ width: 50%; height: auto; float: left; padding: 0.75rem 1rem;} .ys-t-img{ width: auto; height: 2.3rem; margin: 0 auto;} .index .ys-t{ font-size: 1.1rem; text-align: center; line-height: 1; color: #3388ff; margin-top: 0.75rem;} .index .ys-p{ font-size: 0.9rem; color: #666666; line-height: 1.75; margin-top: 0.5rem; text-align: center;} /*优势*/ /*问题*/ .index .ask{ width: 100%; height: auto; background: url("/images/nindex/ask-bg.jpg") center top no-repeat; padding: 0.75rem 10% 1.25rem 10%;} .ask-c{ width: 100%; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;} .ask-b{ width: 47%; height: 7rem; border-radius: 0.3rem; background: #fff; padding: 0.75rem 0.5rem; margin-top: 0.5rem;} .ask-a1{ font-size: 1.6rem; color: #333333; line-height: 1; font-weight: bold;} .ask-a2{ font-size: 1.2rem; color: #666666; line-height: 1; margin-top: 0.5rem;} .ask-a3{ width: 6.5rem; height: 2rem; line-height: 2rem; border-radius: 0.2rem; background: #ffb23c; margin-top: 0.6rem; text-align: center; font-size: 1.25rem;} .ask-a3 a{ color: #fff;} @media (max-width:360px){ .index .ask{ padding: 0.75rem 9% 1.25rem 9%;} } @media (max-width:320px){ .index .ask{ padding: 0.75rem 8% 1.25rem 8%;} } /*问题*/ /*新底部悬浮*/ .footer_fix{width: 100%; height: 56px; background: #3388f9; position: fixed; bottom: 0; left: 0; right: 0; z-index: 100;} .footer_fix ul{width: 100%; height: 100%;} .footer_fix ul li{width: 25%; height: auto; text-align: center; font-size: 12px; float: left;} .footer_fix ul li a{color: #fff;} .x-foot-dh{font-size:24px; line-height:36px; width: 24px; height: 28px; display: block; margin: 5px auto; } .iconfont{font-family:"iconfont" !important;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:0.2px;-moz-osx-font-smoothing:grayscale;} .tan{ position: relative; width: 28px; height: 28px; margin: 0 auto; margin-bottom: 4px;} .tan img{max-width: 100%; height: auto; border: 0;} .num{width: 18px; height: 18px; border-radius: 50%; background: #fc0000; color: #fff; text-align: center; line-height: 18px; position: absolute; top: -2px; right: 0px; font-size: 12px; display: none;} .foot{width: 100%;height: auto;max-width: 640px;min-width: 320px;margin: 0 auto;border-bottom: 56px solid transparent;} .foot img{ max-width: 100%; height: auto;} /*学院简介 2020-6-9*/ .aboutUs{ width:100%; height:auto; margin:0 auto; max-width:640px; min-width:320px; font-family: '微软雅黑'; line-height: 1;} .aboutUs img{ max-width: 100%; height: auto; border: 0; vertical-align: bottom;} .ap1{ width: 100%;height: 5rem; line-height: 5rem; font-size: 1.5rem; color: #2f2725; text-align: center; letter-spacing: 0.15rem;} .ap1 span{ font-size: 1.9rem; color: #e60012;} .avideo{ width: 100%; height: auto; margin-bottom: 2rem;} .att{ width: 100%; height: auto; padding: 1.8rem 0; background: #d3a25f;} .at-img1{ width: 59%; margin: 0 auto;} .at-img2{ width: 72%; margin: 0 auto;} .ap2{ width: 100%; height: auto;} .app{ width: 90%; margin: 0 auto; padding: 1.5rem 0;} .app-t{ width: 21%;} .app-p{ color: #3e3a39; font-size: 1rem; line-height: 1.5; text-indent: 1.5rem; margin-top: 1rem; } .ap2-zx{ width: 32%; height: 2rem; margin: 0 auto; margin-top: 1rem; border: 2px solid #e9d7bd; border-radius: 0.2rem; text-align: center; font-size: 1.1rem; letter-spacing: 0.2rem; line-height: 1.8rem;} .ap2-zx a{color: #cfa972;} .alb1{ width: 100%; position: relative; padding-bottom: 3rem;} .alb1 .swiper-pagination-bullets{ position: absolute; bottom:1rem; left: 38%; } .alb1 .swiper-pagination-bullet{ width: 0.8rem; height: 0.8rem; background: #d3a25f; opacity:1; margin-left: 0.8rem;} .alb1 .swiper-pagination-bullet-active{ background: #c6c6c6 ; opacity:1;} .ap3-p{ background: #fdf5ed; padding: 1.5rem 5%; text-indent: 1.5rem; font-size: 1rem; line-height: 1.5; color: #806761; font-weight: bold;} .ap3-t{ background: #f7f0e7; padding-top: 1.5rem;} .ap3-t li{ width: 22.5%; height: 6.3rem; float: left ; margin-left: 2%; } .ap3-t li:nth-child(1){ background: url(/images/about/tab1.png) center center no-repeat; background-size: 80% 80%;background-color:#d3a25f;} .ap3-t li:nth-child(2){ background: url(/images/about/tab2.png) center center no-repeat; background-size: 80% 80%;background-color:#d3a25f;} .ap3-t li:nth-child(3){ background: url(/images/about/tab3.png) center center no-repeat; background-size: 80% 80%;background-color:#d3a25f;} .ap3-t li:nth-child(4){ background: url(/images/about/tab4.png) center center no-repeat; background-size: 80% 80%;background-color:#d3a25f;} .ap3-t li.on{ background-color:#1a1a1a;} .ap3-b li{display: none;} .ap3-b li.on{display: block;} .zp3-zx{width: 100%; background: #fbf5ec; padding: 1.5rem 0;} .ap3-zx{ width: 42%; margin: 0 auto; height: 2.5rem; line-height: 2.5rem; background: #1a1a1a; text-align: center; font-size: 1.5rem; letter-spacing: 0.2rem;} .ap3-zx a{ color: #fff;} .alb3{ width: 100%; position: relative; padding-bottom: 3rem; background: #fffdf4;} .alb3 .swiper-pagination-bullets{ position: absolute; bottom:1rem; left: 38%; } .alb3 .swiper-pagination-bullet{ width: 0.8rem; height: 0.8rem; background: #d3a25f; opacity:1; margin-left: 0.8rem;} .alb3 .swiper-pagination-bullet-active{ background: #c6c6c6 ; opacity:1;} .ap5{ background: #fffdf4;} .ap5-ry{ width: 72%; margin: 0 auto; margin-top: 0.4rem;} /*活動彈窗2020-11-23*/ .hztanchuang1{ width:360px; background: #fff; border-radius:15px; position: relative;} .hztanchuang1_close{ position: absolute;right: -11px;top: -15px;z-index: 2; } .hztanchuang1_top img{width: 100%;display: block;} .hztanchuang1_c{ width: 100%; background: #fd3a3e; text-align: center; font-weight: bold; padding: 0.2rem 0; line-height: 1.25; font-size: 1rem; color: #fff; letter-spacing: 3px} .hztanchuang1_down{padding:10px;background: #fff;border-bottom-left-radius:10px;border-bottom-right-radius: 10px;font-size:16px; } .hztanchuang1_down p{font-size: 0.8rem;font-weight: 800;margin-bottom:0.5rem; line-height: 1;} .hztanchuang1_down input{ width: 100%; border:1px solid #333;height: 2.2rem;line-height: 2.2rem;font-size: 0.8rem;padding: 0 0.5rem;border-radius: 5px} .smscode{ width: 100%; margin-top: 0.5rem;} .hztanchuang1_down #code{ width: 40% ; border:1px solid #333;height: 2.2rem;line-height: 2.2rem;font-size: 0.8rem;border-radius: 5px; display: block; float: left; text-align: center;} .smssecond{ width: 50%; float: right; border:1px solid #333;height: 2.2rem;line-height: 2.2rem;font-size: 0.8rem;border-radius: 5px; text-align: center;} .hztanchuang1_down div span{display:block;width:48%;padding: 0.6rem 2%;border: 1px solid #e0e0e0;font-size: 0.7rem;border-radius: 5px;cursor: pointer;text-align: center; line-height: 1;} .hztanchuang1_downon{background: #e11616;color: #fff;} .hztanchuang1_down button{padding:3% 2%;background: #FF0000;width:96%;text-align: center;margin:0 auto;display: block;border:none;color: #fff;letter-spacing: 5px;margin-top: 10px;border-radius: 5px;font-size: 14px;} .hztanchuang1bg{background: rgba(0,0,0,0.66);width: 100%;height: 100%;position:fixed;top:0;left: 0;z-index: 999998;display: none;} @media screen and (max-width: 475px) { .hztanchuang1{width:280px;} } .hztanchuang1_down input::-webkit-input-placeholder { /* WebKit browsers */ color: #333; } .hztanchuang1_down input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #333; } .hztanchuang1_down input::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #333; } .hztanchuang1_down input:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #333 } /*活動彈窗2020-5-6*/ .yhq-t{ width: 280px; position: fixed; left: 0 ; right: 0; margin: 0 auto; top: 40%; margin-top: -180px; z-index: 999999; display: none;} .yhq-t .yhq-close{ width: 30px; height: 30px; position: absolute; right: 20px; top: 40px; cursor: pointer;} /*新校园环境2020-5-30*/ .nxyhj{ width:100%; height:auto; margin:0 auto; max-width:640px; min-width:320px; line-height: 1;} .nxyhj img{ max-width: 100%; vertical-align: bottom;} .nhj-1{ background: #fff;} .nhj-bt1{ width: 35%; height: auto; margin: 0 auto; padding: 1rem 0;} .nhj-video{ width: 100%; height: auto;} .nhj-bd{ padding-bottom: 1.5rem;} .nhj-bt2{ text-align: center; font-size: 1.7rem; font-weight: bold; font-family: 微软雅黑; letter-spacing: 0.2rem; padding: 1rem 0;} .nhj-bd-in{width: 96%; height: 2.8rem; line-height:2.8rem; background: #efefef; border-radius: 0.5rem; margin: 0 auto; margin-top: 0.5rem; font-size: 1.2rem; text-indent:1rem; } .nhj-bd-in input{ width: 100%; height: 100%; border: 0; background: #efefef;letter-spacing: 3px;} .nhj-bd-in input::-webkit-input-placeholder{color:#595757;opacity:1; font-size: 1.2rem;} .nhj-bd-in input:-ms-input-placeholde{color:#595757;opacity:1; font-size: 1.2rem;} .nhj-bd-sm{ text-align: center; color: #313131; margin-top: 1rem; letter-spacing: 0.15rem; font-size: 1.2rem;} .nhj-bd-tj{ width: 59%; height: 2.5rem; line-height: 2.5rem; margin: 0 auto; margin-top: 1rem; font-size: 1.5rem; color: #fff; text-align: center; cursor: pointer; background: #313131; border-radius: 2.5rem; letter-spacing: 0.15rem;} .nhj-3{ padding-bottom: 1rem;} .nhj-lb{width: 92%; height: auto; padding-top: 1rem; margin: 0 auto;} .nhj-lb-js{ width: 100%; height: 2.5rem;} .nhj-lb-js li{ width: 23%; float: left; margin-left: 2.6%; height: 2.5rem; line-height: 2.5rem; text-align: center; background: #ebebeb; font-size: 1.3rem; color: #000; letter-spacing: 1px; border: 1px solid #ffbb00; border-radius: 0.3rem;} .nhj-lb-js li:first-child{margin-left: 0;} .nhj-lb-js li.on{ background: #ffbb00; color: #fff;} .nhj-lb-b{margin-top: 1rem; overflow: hidden;} .nhj-lb-b li{ display: none;} .nhj-lb-b li.on{ display: block;} .nhj-s{ margin-top: 0.4rem;} .nhj-s .swiper-slide.on{ border: 0.15rem solid #313131;} .nhj-zx{ width: 65%; height: 3.5rem; line-height: 3.5rem; margin: 1rem auto; text-align: center; cursor: pointer; background: #313131; border-radius: 3.5rem; letter-spacing: 0.15rem; font-size: 1.5rem;} .nhj-zx a{ color: #fff;} /*禁止div点击事件 2020-8-6*/ .noclick{ pointer-events: none; } /*直播弹窗 2020-8-12*/ .fix-zb{ width: 20%; position: fixed; left: 0; top: 50%; height: auto; z-index: 999999; display: none;} .red_box{ width: 100%; height: 1.5rem; line-height: 1.5rem; background: #f45330; position: relative;} .red_box p{ color: #fff; text-align: right; padding-right: 0.3rem; font-size: 0.9rem; letter-spacing: 0.1rem;} .red_box ul{ position: absolute; top:50%; left: 10%;} .red_box ul li{ float: left; width: 0.2rem; height: 0.2rem; border-radius: 0.2rem; margin-right: 0.1rem; background-color: #fff; } .red_box ul li:nth-child(1){ animation: love1 2s infinite; } .red_box ul li:nth-child(2){ animation: love2 2s infinite; animation-delay: 0.15s; } .red_box ul li:nth-child(3){ animation: love3 2s infinite; animation-delay: 0.3s; } @keyframes love1{ 30%,50%{height: 0.6rem; transform: translateY(-0.3rem);} 75%,100%{height: 0.25rem; transform: translateY(0);} } @keyframes love2{ 30%,50%{height: 0.8rem; transform: translateY(-0.4rem);} 75%,100%{height: 0.25rem; transform: translateY(0);} } @keyframes love3{ 30%,50%{height: 0.6rem; transform: translateY(-0.3rem);} 75%,100%{height: 0.25rem; transform: translateY(0);} } .zhibo_alert2 {width:100%; height:100%; position:fixed; top:0%; left:0%; z-index:5999999; transition:linear .5s; overflow:hidden; background:rgba(0,0,0,.5); display: none;} .zhibo_alert2 .zhibo_cnt { width:80%; margin:0 auto;border-radius:1rem;position:absolute;left:10%;top:15%;} .zhibo_alert2 .zhibo_cnt .form_pic img {display:block;width:100%;} .zhibo_alert2 .zhibo_cnt .form_box {width:100%;background:#fff;border-bottom-left-radius:1rem;border-bottom-right-radius:1rem;} .zhibo_alert2 .zhibo_cnt .form_part {width:80%;margin:0 auto;background:#fff;border-radius:4px;box-shadow:0 0 1.5rem #B6B6B6;padding:1rem 8%;transform:translate(0,-2.5rem);} .zhibo_alert2 .zhibo_cnt .form_part img{ width: 88%; display: block; margin: 0 auto; margin-bottom: 1rem;} .zhibo_alert2 .zhibo_cnt .form_part input,.zhibo_alert2 .zhibo_cnt .form_part select {width:100%;display:block;border:none;height:2.2rem;line-height:2.2rem;border-radius:0.3rem;background:#EEEEEE;margin-bottom:0.7rem;text-align:center;font-size:1rem;color:#C5C5C5;} .zhibo_alert2 .zhibo_cnt .form_part input::-webkit-input-placeholder {color:#C5C5C5;letter-spacing:2px; font-size:1rem;} .zhibo_alert2 .zhibo_cnt .form_part input::-moz-placeholder {/* Mozilla Firefox 19+ */ color:#C5C5C5;letter-spacing:2px;font-size:1rem;} .zhibo_alert2 .zhibo_cnt .form_part input:-moz-placeholder {/* Mozilla Firefox 4 to 18 */ color:#C5C5C5;letter-spacing:2px;font-size:1rem;} .zhibo_alert2 .zhibo_cnt .form_part input:-ms-input-placeholder {/* Internet Explorer 10-11 */ color:#C5C5C5;letter-spacing:2px;font-size:1rem;} .zhibo_alert2 .form_part select {text-align-last:center;} .zhibo_alert2 .form_part select option {text-align-last:center;} .zhibo-sub {display:block;width:100%;font-size:1rem;margin:0 auto; height:2.2rem;line-height:2.2rem;border-radius:2.2rem;text-align:center;color:#fff;-webkit-background:linear-gradient(to right,#FC432E,#F4A00F);-moz-background:linear-gradient(to right,#FC432E,#F4A00F);-ms-background:linear-gradient(to right,#FC432E,#F4A00F);background:linear-gradient(to right,#FC432E,#F4A00F);} .zhibo_alert2 .close_btn {width:10%;position:absolute;top:-3%;right:-4%;} /*专业设置 2020-10-15*/ .course{font-family: "微软雅黑", "Microsoft Yahei" !important; font-size: 100% !important; line-height: 1;} .course img{ max-width: 100%; height: auto; border: 0;} .form2{ width: 100%; height: auto; background: #fff; padding: 2rem 0;} .form2-t{ text-align: center; font-size: 1.8rem; font-weight: bold; letter-spacing: 2px; color: #3e3a39;} .form2-t span{ color: #ff9600;} .form2-p{ font-size: 1.3rem; color: #3e3a39; text-align: center; letter-spacing: 2px; margin-top: 0.7rem;} .form2-p span{ color: #e60012;} .form2-simple{ width: 80%; display: flex; justify-content: center; border-radius:2.5rem; border: 2px solid #ff9600; overflow: hidden; margin: 0 auto; background: #fff; margin-top: 1rem; } .form2-simple input { width: 71%; height: 2.5rem; outline: none; -webkit-appearance: none; border-radius: 0; border: none; padding-left: 0.5rem; font-size: 1.1rem;} .form2-simple .form2-simple-btn{ width: 29%; font-size: 1.1rem; text-align: center; line-height: 2.5rem; background-color: #ff9600; color: #fff;} .course-kc{ width: 100%; height: auto; padding: 2.5rem 0; background: #f5f5f5;} .course-title{ width: 100%; text-align: center; font-size: 1.7rem; color: #2f2725; line-height: 1.5; letter-spacing: 0.15rem; font-weight: bold; border-bottom: 1px solid #000000; padding-bottom: 1rem; position: relative;} .course-title::after{content:"";display:block;width:18%;height: 6px;background-color:#be9865;position:absolute; left:50%; bottom: 0; transform: translate(-50%,50%);} .course-kc-t1{ width: 45%; height: auto; font-size: 1.15rem; padding: 0.75rem 0; text-align: center; background: #fff; color:#be9865; font-weight: bold; line-height: 1.5; margin: 0 auto; margin-top: 1.2rem; border: 0.1rem solid #be9865; letter-spacing: 1px;} .course-kc-t2{ width: 100%; height: auto; font-size: 1.15rem; padding: 0.75rem 0; text-align: center; background: #fff; color:#be9865; font-weight: bold; line-height: 1.5; border: 0.1rem solid #be9865; letter-spacing: 1px;} .course-kc-c2{ width: 94%; margin: 0 auto; margin-top: 1.3rem; display:flex; flex-direction:column; justify-content:center;} .course-kc-c{ width: 100%; margin-top: 1.3rem; display:flex; flex-direction:row; align-items:center; justify-content:center;} .course-kc-cl{ width: 45%; } .course-kc-cr{ width: 45%; margin-left: 4%;} .course-kc-item{ background: #fff; padding-bottom: 0.6rem;} .course_b{padding: 0 0.6rem; margin-top: 1rem;} @media (max-width:375px){ .course_b{padding: 0 0.3rem; } } @media (max-width:360px){ .course_b{padding: 0 0.1rem; } } .course_b1{ display: block; font-size: 1.05rem; color: #2f2725; text-align: center; overflow: hidden;} .course_b2{ display: block; font-size: 0.85rem; color: #be9865; text-align: center; margin-top: 0.6rem;} .course_b_btn{ width: 100%; display:flex; flex-direction:row; align-items:center; justify-content:space-between; margin-top: 0.9rem;} .course_b_btn a{ width: 46%; padding: 0.5rem 0; text-align: center; font-size: 0.8rem; color: #2f2725; border: 1px solid #be9865; background: #be9865;} .course_b_btn a:first-child{ background: #fff;} .course2020-kc-ask{ width: 100%; padding: 0 0.5rem; display:flex;flex-direction:row;align-items:center;justify-content:space-between; flex-wrap: wrap; margin-top: 2rem;} .course2020-kc-ask-item{ width: 49%; text-align: center; padding: 0.75rem 0; font-size: 1rem; color: #595757; border: 1px solid #a0a0a0; border-radius: 0.5rem; margin-top: 1.3rem;} .course2020-hj{ width: 100%; height: auto; padding: 2.5rem 0;} .wp05{ padding: 0 0.5rem; margin-top: 1.5rem;} .course2020-hj-nav{width: 100%; display:flex;flex-direction:row;align-items:center;justify-content:space-between; } .course2020-hj-nav-item{ width: 23.5%; text-align: center; padding: 0.3rem 0; font-size: 1.2rem; line-height: 1.25; color: #2f2725; border: 1px solid #be9865; border-radius:0.3rem; transition: all 0.5s;} .course2020-hj-nav-item.active{ background: #be9865;} .course2020-hj-b{ width: 100%; margin-top: 1.5rem; } .course2020-hj-b-img{ display: none;} .course2020-hj-b-img.active{ display: block;} .course2020-hj-zx{ width: 75%; height: 3rem; line-height: 3rem; margin: 0 auto; margin-top: 1.5rem; display: block; background: #be9865; text-align: center; color: #2f2725; font-size: 1.2rem; letter-spacing: 1px; border-radius: 0.3rem;} .course2020-xl{ padding: 2.5rem 0; background: #f5f5f5;} .xl-t{ text-align: center; color: #2f2725; font-size: 1.4rem; letter-spacing: 1px; line-height: 1.4; margin-top: 2rem;} .course2020-xl-t{ background: #fff; width: 40%; height: auto; padding: 0.9rem 0; margin: 0 auto; margin-top: 1.5rem; color: #2f2725; font-size: 1.4rem; letter-spacing: 1px; text-align: center; border: 0.1rem solid #be9865; } .course2020-xl-c{ width: 100%; margin-top: 1.5rem; display:flex;flex-direction:row;align-items:center;justify-content:center;} .course2020-xl-item{ width: 31%; height: auto; margin-left: 0.5rem;} .course2020-xl-item:first-child{margin-left: 0;} .course2020-xl-item-b {width: 100%; margin-top: 0.3rem; background: #fff; text-align: center; color: #2f2725; font-size: 1.2rem; letter-spacing: 1px; padding: 0.5rem 0;} .course2020-xl-item-b2 {width: 100%; margin-top: 0.3rem; background: #fff; text-align: center; color: #2f2725; font-size: 1rem; letter-spacing: 1px; padding: 0.5rem 0;} .course_2b{ margin-top: 1rem;} /*教学作品2020 2020-10-21*/ .zuopin2020{ width: 100%; height: auto; margin: 0 auto; margin-bottom: 2rem;} .zuopin2020 img{ max-width: 100%; height: auto;} .zuopin2020-banner{ width: 100%; height: auto; margin: 0 auto;} .zuopin-c{ padding: 2rem 0.7rem;} .zuopin-tc{ width: 100%; text-align: center; color: #000000; font-size: 1.65rem; letter-spacing: 2px;} .zuopin-te{ width: 100%; text-align: center; color: #000000; font-size: 1.05rem; padding: 0.7rem 0 1.5rem; border-bottom: 1px solid #000; position: relative;} .zuopin-te::after{ content:"";display:block;width:15%;height:5px;background-color:#be9865;position:absolute;bottom:0;left:50%; transform: translate(-50%,50%);} .zuopin-nav{ width: 100%; margin: 0 auto; margin-top: 1.8rem; display: flex; flex-direction:row;align-items:center;justify-content:space-between;} .zuopin-nav-item{ width: 23.5%; font-size: 1.1rem; text-align: center; padding: 0.5rem 0; color: #2f2725; border: 1px solid #be9865; cursor: pointer;} .zuopin-nav-item.active{ background: #be9865; color: #fff; transition: all 0.6s;} .zuopin-list{display: flex; flex-direction:row;align-items:center;justify-content:space-between; flex-wrap: wrap; display: none; margin-top: 1rem;} .zuopin-list.active{ display: flex;} .zuopin-list-item{width: 49%; padding: 0.5rem 0.5rem 1rem; background: #fff; box-shadow: 0px 0px 0.36rem 0.35px rgba(0, 0, 0, 0.27); margin-top: 1.5rem; overflow: hidden;} .zuopin-list-item img{transition: all 0.75s;} .zuopin-list-item:hover img{transform: scale(1.05);} .zuopin-list-item-name{ text-align: center; margin: 0.8rem auto; font-weight: bold; color: #595757; font-size: 0.9rem;} .zuopin-list-item-btn{ width: 90%; margin: 0 auto; display: flex; flex-direction:row;align-items:center;justify-content:space-between;} .zuopin-list-item-btn a{ width: 46%; font-size: 0.7rem; text-align: center; padding: 0.4rem 0; border: 1px solid #be9865; color: #be9865;} @media (max-width:360px){ .zuopin-list-item-btn{ width: 96%; margin: 0 auto; display: flex; flex-direction:row;align-items:center;justify-content:space-between;} } .foot2021{ background: #6a2c14; padding: 2.4rem 9%; margin-bottom: 4.8rem;} .foot2021 img{ width: 100%; height: auto; } /*2020-12-29 仿门店底部*/ @keyframes foot-md-3{ 0%{transform:scale(1);transform:scale(1)} 12.5%{transform:scale(1.1);transform:scale(1.1)} 25%{transform:scale(1);transform:scale(1)} 37.5%{transform:scale(1.1);transform:scale(1.1)} 50%{transform:scale(1);transform:scale(1)} to{transform:scale(1);transform:scale(1)} } .foot-md{ width: 100%; max-width: 640px; height: 4.8rem; position: fixed; bottom: 0; margin: auto; z-index: 100; display: flex; flex-direction:row; align-items:center; justify-content:space-between; padding: 0 3% 0 3%; background-image: -webkit-gradient(linear,left top,right top,from(#ff9233),color-stop(31%,#fe5136),color-stop(64%,#fd2245),to(#fd227a)); background-image: linear-gradient(90deg,#ff9233,#fe5136 31%,#fd2245 64%,#fd227a); } .foot-md-4{ width: 11%; display: flex; flex-direction:column; align-items:center; justify-content:center;} .foot-md-1{ width: 20%; display: flex; flex-direction:column; align-items:center; justify-content:center;} .foot-md-img{ display: block; width: 1.75rem; height: 1.75rem;display: flex; align-items: flex-start; } .foot-md-text{ font-size: 1rem; color: #fff; margin-top: 0.5rem; letter-spacing: 1px;} .foot-md-2{width: 20%; display: flex; flex-direction:column; align-items:center; justify-content:center; } .foot-md-3 { width: 55%; height: 2.8rem; text-align: center; line-height: 2.8rem; border-radius: 1.4rem; background-image: -webkit-gradient(linear,left top,right top,color-stop(4%,#fff3da),color-stop(96%,#ffe7a2)); background-image: linear-gradient(90deg,#fff3da 4%,#ffe7a2 96%); overflow: hidden; /* animation: foot-md-3 4s linear infinite; */ font-size: 1.45rem; font-weight: bold; color: #EA0C0C; } /*2020-11-30头部开始*/ .head-2021{ width: 100%; height: 4rem; display: flex; justify-content: space-between; align-items:center; flex-direction: row; padding: 0 3%; background: #b97552;} .head-2021 img{ max-width: 100%; height: auto; border: 0; } .head-2021 a{ display: block;} .head-nav{ width: 2.15rem; display: flex; align-items:center;} .head-logo{ width: 18.4rem; display: flex; align-items:center;} .head-tel{ width: 1.95rem; display: flex; align-items:center;} .huangdong1 {transform: rotate(-4deg);} .huangdong2 {transform: rotate(4deg);} /*2020-11-30头部结束*/ @-webkit-keyframes tada{ 0%{-webkit-transform:scaleX(1);transform:scaleX(1)} 10%,20%{-webkit-transform:scale3d(.85,.85,.85) rotate(-5deg);transform:scale3d(.85,.85,.85) rotate(-3deg)} 30%,50%,70%,90%{-webkit-transform:tscale3d(1.05,1.05,1.05) rotate(5deg);transform:tscale3d(1.05,1.05,1.05) rotate(3deg)} 40%,60%,80%{-webkit-transform:tscale3d(1.05,1.05,1.05) rotate(-5deg);transform:tscale3d(1.05,1.05,1.05) rotate(-3deg)} to{-webkit-transform:scaleX(1);transform:scaleX(1)} } @keyframes tada{ 0%{-webkit-transform:scaleX(1);transform:scaleX(1)} 10%,20%{-webkit-transform:scale3d(.85,.85,.85) rotate(-3deg);transform:scale3d(.85,.85,.85) rotate(-3deg)} 30%,50%,70%,90%{-webkit-transform:tscale3d(1.05,1.05,1.05) rotate(3deg);transform:tscale3d(1.05,1.05,1.05) rotate(3deg)} 40%,60%,80%{-webkit-transform:tscale3d(1.05,1.05,1.05) rotate(-3deg);transform:tscale3d(1.05,1.05,1.05) rotate(-3deg)} to{-webkit-transform:scaleX(1);transform:scaleX(1)} } .tada { /* animation: tada 1s linear; -webkit-animation: tada 1s linear; animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; */ } .top_fixed { position: relative; width: 300px; height: 66px; background-color: #fff; border-radius: 0.5rem; position: fixed; bottom: 5.5rem; left: 50%; transform: translateX(-50%); padding: 15px 15px; z-index: 999; box-shadow: 0 0 5px 0 rgb(0 0 0 / 12%), 0 5px 5px 0 rgb(0 0 0 / 24%); display: none; } .top_fixed.on { display: block; } .top-fixed-c { width: 100%; height: 100%; display: flex; flex-direction: row; justify-content: space-between; align-items: center; } .top-fixed-img { width: 36px; height: 36px; } .top-fixed-img img { width: 36px; height: 36px; } .top-fixed-p { color: #333; letter-spacing: 0; font-size: 14px; width: 120px; height: 36px; line-height: 1.25; } .top-fixed-btn { width: 85px; height: 32px; background-color: #E6222E; text-align: center; line-height: 32px; color: #fff; font-size: 14px; border-radius: 15px; font-weight: bold; } .top_fixed_close { position: absolute; right: 20px; top: 10px; cursor: pointer; } .top_fixed_close:before { position: absolute; content: ''; width: 12px; height: 2px; background: #ccc; transform: rotate(45deg); top: 0px; left: 0px; } .top_fixed_close:after { content: ''; position: absolute; width: 12px; height: 2px; background: #ccc; transform: rotate(-45deg); top: 0px; left: 0px; } @charset "utf-8";* {margin:0;padding:0;} :-moz-placeholder {color:#9fa0a0;opacity:1} ::-moz-placeholder {color:#9fa0a0;opacity:1} input:-ms-input-placeholder {color:#9fa0a0;opacity:1} input::-webkit-input-placeholder {color:#9fa0a0;opacity:1} .xuefei {max-width:640px;min-width:320px;width:100%;height:auto;margin:0 auto;position:relative;margin-top:0.5rem;padding-bottom:1rem;background:#fff;} .xuefei img {max-width:100%;height:auto;border:0;vertical-align:bottom} .xf-t {width:33%;margin:0 auto;padding:0.75rem 0;} .xf-p {text-align:center;font-size:1.1rem;font-family:'黑体';color:#4e5357;line-height:1.5;} .xf-form {background:#efefef;margin:0.75rem auto;padding:0.75rem 0;} .ipt {width:83%;margin:0 auto;height:2.4rem;border:1px #9fa0a0 solid;border-radius:5px;overflow:hidden;margin-top:0.8rem;} .ipt-30 {width:30%;float:left;border-right:1px solid #333333;height:2.4rem;line-height:2.4rem;text-align:center;font-size:1.1rem;} .ipt-70 {width:70%;float:right; height:2.4rem;line-height:2.4rem;} .ipt input {width:100%;height:100%;border:0;display:block;} .inp {width:100%;height:100%;line-height:2.4rem;text-align:left;text-indent:1.5rem;background:#efefef;font-size:1.1rem;} .inp-70 {width:70%;float:right;height:2.4rem;line-height:2.4rem;font-size:1.1rem;text-indent:1.5rem;} .xf-tip {text-align:center;font-size:1.1rem;margin-top:0.7rem;color:#9fa0a0;} .submit {width:37.5%;height:2.4rem;line-height:2.4rem;background:#3388ff;text-align:center;border-radius:1rem;color:#fff;font-size:1.2rem;margin:0 auto;margin-top:1rem;} .ipt select {width:75%;height:auto;border:0;background:transparent} @charset "UTF-8"; .index2021{ width: 100%;} .index2021 img{ display: block; max-width: 100%; height: auto; border: 0; } /*首页banner*/ #index_banner{ width: 100%; overflow: hidden;} #index_banner .swiper-pagination-bullets{ bottom:0.8rem; position: absolute; z-index: 2; text-align: center; } #index_banner .swiper-pagination-bullet{ display: inline-block; width: 1.4rem;height: 0.35rem;opacity: 1;border-radius: 0.1rem;background: #fff;margin: 0 0.15rem;cursor: pointer;transition: width .3s ease-in-out;} #index_banner .swiper-pagination-bullet-active{ background: #f6ad3c; width: 3rem;} /*2020-11-30 首页导航*/ .index-dh{ width: 100%; margin: 0 auto; margin-top: 0.2rem;} .index-dh .nav{ width: 94%; margin: 0 auto; display: flex; justify-content: space-between; align-items:center; flex-direction: row; flex-wrap: wrap;} @media (max-width:375px){ .index-dh .nav{ width: 96%;} } @media (max-width:320px){ .index-dh .nav{ width: 98%;} } .index-dh .nav li{ width: 20%; display: flex; justify-content: center; align-items:center; flex-direction: column; margin-top: 1.2rem;} .index-dh .nav li img{ width: 3.9rem; height: 3.9rem; margin: 0 auto;} .index-dh-b{ font-size: 0.95rem; color: #000000; text-align: center; margin-top: 0.7rem; letter-spacing: 0.1rem; } /*2020-11-30首页活动*/ .index-yh{ width: 100%; margin: 0 auto; position: relative; margin-top: 1.2rem;} .index-yh-zx{ position: absolute; width: 33.75%; bottom: 2.5rem; left: 33.125%; } /*2020-11-30 首页1级标题*/ .index-title{ width: 100%; margin: 0 auto; margin-top: 0.5rem; display: flex; justify-content: center; align-items:center; flex-direction: row; padding-bottom: 1.1rem; border-bottom: 1px solid #000000; position: relative;} .index-title::after{ content:""; display:block; position: absolute; width: 23%; height: 0.25rem; background: #b97552; left: 38.5%; bottom: 0; transform: translateY(60%);} .index-title-tb{ width: 0.7rem; height: 0.7rem;} .index-title h3{ font-size: 1.5rem; color: #000000; font-weight: bold; letter-spacing: 0.1rem; margin: auto 0.25rem;} /*2020-11-30 首页课程*/ .index-kc{ width: 100%; padding: 1rem 1rem; margin: 0 auto; margin-top: 1.5rem;} .index-kc-nav{ width: 100%; display: flex; justify-content: center; align-items:center; flex-direction: row;} .index-kc-nav li{ width: 25%; text-align: center; padding-bottom: 1rem; border-bottom: 0.1rem solid #6a2c14; position: relative; font-size: 1.25rem; color: #6a2c14; font-weight: bold; letter-spacing: 0.1rem;} .index-kc-nav li.active{ color: #b97552;} .index-kc-nav li.active::after{ content:""; display:block; position: absolute; width: 100%; height: 0.35rem; background: #b97552; left: 0%; bottom: 0; transform: translateY(60%);} .index-kc-list{ width: 100%; margin: 0 auto; } .index-kc-item{ display: none;} .index-kc-item.hob{display: flex; justify-content: space-between; align-items:center; flex-direction: row; flex-wrap: wrap; display: none;} .index-kc-item.active{ display: block;} .index-kc-item.hob.active{ display: flex;} .index-kc-hb{ width: 49%; margin-top: 0.7rem; position: relative;} .index-kc-hb:nth-child(1),.index-kc-hb:nth-child(2){margin-top: 1.1rem;} .index-kc-hb-abs{ position: absolute; width: 100%; height: 4.2rem; background: rgba(185,117,82,0.9); left: 0; bottom: 0; padding: 0 0.5rem; display: flex; justify-content: center; align-items:center; flex-direction:column; letter-spacing: 1px;} .kc-hb-name{ width: 100%; font-size: 0.95rem; color: #fff;} .kc-hb-name a{ color: #fff;} .kc-hb-b{ width: 100%; margin-top: 0.5rem; display: flex; justify-content: space-between; align-items:center; flex-direction: row;} .kc-hb-b-time{ font-size: 0.95rem; color: #fff;} .kc-hb-b-time a{ color: #fff;} .kc-hb-zx{ display: block; width: 52%; height: 1.35rem; background: #fff; text-align: center; line-height: 1.35rem; border-radius: 0.5rem; color: #b97552; font-size: 0.85rem;} .index-kc-xc{ width: 100%; position: relative;} .index-kc-xc2{ width: 100%; display: flex; justify-content: space-between; align-items:center; flex-direction: row; flex-wrap: wrap; position: relative;} .index-kc-xc:nth-child(1){ margin-top: 1.1rem;} .index-kc-xcb{ width: 49%; margin-top: 0.7rem; position: relative;} .index-kc-xc-abs{ position: absolute; width: 100%; height: 4.2rem; background: rgba(185,117,82,0.9); left: 0; bottom: 0; padding: 0 1rem; display: flex; justify-content: space-between; align-items:center; flex-direction:row; letter-spacing: 1px;} .kc-xc-name{ width: 100%; font-size: 0.95rem; color: #fff;} .kc-xc-name a{ color: #fff;} .kc-xc-b-time{ font-size: 0.95rem; color: #fff; margin-top: 0.6rem;} .kc-xc-b-time a{ color: #fff;} .kc-xc-r{ display: block; width: 7.5rem; height: 1.5rem; background: #fff; text-align: center; line-height: 1.5rem; border-radius: 0.5rem; color: #b97552; font-size: 0.85rem;} .index-kc-kftj{width: 100%; position: relative; margin-top: 1.1rem;} .index-kc-kftj-abs{ position: absolute; width: 100%; height: 4.2rem; background: rgba(185,117,82,0.9); left: 0; bottom: 0; padding: 0 1rem; display: flex; justify-content: space-between; align-items:center; flex-direction:row; letter-spacing: 1px;} .kc-kftj-name{ width: 100%; font-size: 0.95rem; color: #fff;} .kc-kftj-name a{ color: #fff;} /*2级标题*/ .index-title2{ width: 90%; margin: 0 auto; text-align: center; margin-top: 1.3rem; font-size: 1.3rem; letter-spacing: 0.3rem; font-weight: bold; color: #000000; } /*预报名列表*/ .ybm-list{ width: 90%; margin: 0 auto; margin-top: 1.2rem; border-top: 1px solid #898989; border-right: 1px solid #898989;} .ybm-list-t{ display: flex; justify-content: space-between; align-items:center; flex-direction: row; background: #eee; color: #000; letter-spacing: 0.15rem; font-size: 0.9rem; font-weight: bold; } .ybm-list-b{ display: flex; justify-content: space-between; align-items:center; flex-direction: row; background: #fff; color: #595656; font-size: 0.8rem; } .ybm-t-1{ width: 43%; border-bottom: 1px solid #898989; border-left: 1px solid #898989; height: 2rem; line-height: 2rem; text-align: center;} .ybm-t-2{ width: 17%; border-bottom: 1px solid #898989; border-left: 1px solid #898989; height: 2rem; line-height: 2rem; text-align: center;} .ybm-t-3{ width: 23%; border-bottom: 1px solid #898989; border-left: 1px solid #898989; height: 2rem; line-height: 2rem; text-align: center;} .ybm-list-b .ybm-t-3{ font-weight: bold;} .ybm-list-b .ybm-t-3 a{color: #e60012; } @media (max-width:375px){ .index-title2{ width: 95%;} .ybm-list{ width: 95%;} .ybm-list-t{ letter-spacing: 1px;} .ybm-t-1{ width: 45%;} .ybm-t-2{ width: 18%;} .ybm-t-3{ width: 19%;} } @media (max-width:320px){ .index-title2{ width: 97%;} .ybm-list{ width: 97%;} .ybm-list-t{ letter-spacing: 0px;} .ybm-t-1{ width: 45%;} .ybm-t-2{ width: 18%;} .ybm-t-3{ width: 19%;} } .index-xy{ width: 88.75%; height: auto; margin: 1.5rem auto; background: url(/images/2021index/ybm-bg.png) center center no-repeat; background-size: cover; padding: 2rem 5%; } .index-xy-list{ width: 100%; overflow: hidden;} .index-xy-list .swiper-slide{ display: flex; flex-direction: row; align-items: center; justify-content: space-between;} .ybm-xy{ width: 49%; display: block;} /*2020-12-1 首页预报名表单*/ .ybm-form{ width: 90%; margin:1rem auto; background: #eeeeee; border-radius: 1rem; padding: 1.5rem 5%;} .ybm-form h4{ text-align: center; font-size: 1.2rem; color: #000000; letter-spacing: 0.1rem; margin-bottom: 1rem;} .ybm-form input{display: block; background: #ffffff; width: 100%; height: 2.2rem; border: 0; line-height: 2.2rem; text-indent: 1rem; font-size: 1.05rem; color: #000; border-radius: 0.5rem; margin-top: 0.5rem; letter-spacing: 0.1rem;} .ybm-form input::placeholder{ color: #adadad;} .ybm-form-sub{ background: #e60012; width: 100%; height: 2.2rem; border: 0; line-height: 2.2rem; text-indent: 1rem; font-size: 1.05rem; color: #fff; border-radius: 0.5rem; margin-top: 0.5rem; letter-spacing: 0.1rem; text-align: center;} /*2020-12-1 首页优势*/ .index-ys{ width: 100%; margin: 1.2rem auto;} .ys-nav{width: 90%; margin: 0 auto; display: flex; justify-content: space-between; align-items:center; flex-direction: row; flex-wrap: wrap;} .ys-nav-item{ width: 30%; height: 2.1rem; line-height: 2.1rem; text-align: center; font-size: 1.2rem; color: #fff; border-radius: 0.5rem; background: #b97552; transition: all 0.7s; margin-top: 0.9rem; font-weight: bold;} .ys-nav-item.active{ background: #ffb23c;} .ys-b{ width: 90%; border: 1px solid #b97552; border-radius: 0.5rem; padding: 0.6rem; margin: 0 auto; margin-top: 1.2rem;} .ys-b li{ display: none;} .ys-b li.on{ display: block;} .ys-b-s{ margin-top: 0.5rem;} .ys-b-s .swiper-slide.on{ border: 0.1rem solid #b97552;} .index-hj{ width: 90%; height: auto; margin: 1rem auto; border-radius: 0.5rem;} .index-hj-zx{ width: 46%; height: 2rem; line-height: 2rem; text-align: center; border: 1px solid #000000; border-radius: 0.6rem; font-size: 1.1rem; color: #585858; letter-spacing: 0.1rem; display: block; margin: 1rem auto; } /*2020-12-2 首页作品*/ .index-zuopin{ width: 100%; padding: 1rem 0.7rem; } .zuopin-nav{ width: 100%; margin: 0 auto; margin-top: 1.8rem; display: flex; flex-direction:row;align-items:center;justify-content:space-between;} .zuopin-nav-item{ width: 23.5%; font-size: 1.1rem; text-align: center; padding: 0.5rem 0; color: #2f2725; border: 1px solid #be9865; cursor: pointer;} .zuopin-nav-item.active{ background: #be9865; color: #fff; transition: all 0.6s;} .zuopin-b{ margin-top: 1.5rem;} .index-zp-list{ width: 100%; display: none;} .index-zp-list.active{ display: block;} .index-zp-list .swiper-slide{display: flex; flex-direction:row;align-items:center;justify-content:space-between; flex-wrap: wrap; padding: 0.5rem 0; } .index-zp-list-item{width: 49%; padding: 0.5rem 0.5rem 1rem; background: #fff; box-shadow: 0px 0px 0.36rem 0.35px rgba(0, 0, 0, 0.27); overflow: hidden;} .index-zp-list-item img{transition: all 0.75s;} .index-zp-list-item:hover img{transform: scale(1.05);} .index-zp-list-item-name{ text-align: center; margin: 0.8rem auto; font-weight: bold; color: #595757; font-size: 0.9rem;} .index-zp-list-item-btn{ width: 90%; margin: 0 auto; display: flex; flex-direction:row;align-items:center;justify-content:space-between;} .index-zp-list-item-btn a{ width: 46%; font-size: 0.7rem; text-align: center; padding: 0.4rem 0; border: 1px solid #be9865; color: #be9865;} @media (max-width:360px){ .index-zp-list-item-btn{ width: 96%; margin: 0 auto; display: flex; flex-direction:row;align-items:center;justify-content:space-between;} } /*2020-12-2 首页创就业*/ .hsljy1{ padding: 1rem; margin: 1.2rem auto; border-bottom:1px dashed #ddd;} .hsljy1_1{ width:25%; float:left; position:relative;} .hsljy1_1 b{ display:block; text-align:center; color:#000; font-size:2.5rem; font-weight:normal; line-height: 1;} .hsljy1_1 p{ text-align:center; font-size:1rem; color:#8d8d8d; margin-top: 0.4rem;} .hsljy1_1 strong{ display:block; position:absolute; top:0; right:0; font-size:0.85rem; color:#e60012; font-weight:normal; } .index-cjy{ margin-bottom: 1.4rem;} .index-cjy-nav{ width: 94%; margin: 1rem auto; display: flex; flex-direction:row;align-items:center;justify-content:space-between;} .icjy-nav-item{ width: 49%; height: 2.5rem; line-height: 2.5rem; background: #eeeeee; text-align: center; font-size: 1.2rem; letter-spacing: 0.1rem; color: #000; font-weight: bold; border-radius: 0.5rem;} .icjy-nav-item.active{ background: #b97552; color: #fff;} .index-jy-t{ text-align: center; color: #b97552; font-size: 1rem; font-weight: bold; letter-spacing: 0.1rem;} .icjy-item-c{ width: 100%; background: #eeeeee; padding: 1.5rem 0; margin-top: 1.2rem;} .icjy-item-ct{ text-align: center; font-size: 0.9rem; letter-spacing: 0.1rem;} .icjy-item-ct span{ color: #c3272b;} .icjy-video-list{ width: 100%; padding: 0 2rem; display: flex; flex-direction:row; align-items:center; justify-content:space-between; flex-wrap: wrap; } .icjy-video{ width: 46%; margin-top: 1rem;} .icjy-video img{ width: 100%; display: block;} .icjy-video-p{ margin-top: 0.5rem; font-size: 0.9rem; text-align: center; color: #000;} .index-cjy-item{display: none;} .index-cjy-item.active{display: block;} .icjy-video-img{ position: relative;} .icjy-img-vbtn{ position: absolute; width: 2.3rem; height: 2.3rem; top: calc(50% - 1.15rem); left: calc(50% - 1.15rem);} .index-cjy-zx{ width: 46%; margin: 0 auto; margin-top: 1.2rem; height: 2.2rem; line-height: 2.2rem; background: #b97552; color: #fff; text-align: center; font-size: 1.15rem; letter-spacing: 0.1rem; display: block; border-radius: 0.5rem;} /*2020-12-2 问答*/ .index-ask{ width: 100%; margin: 0 auto; padding: 0 2rem; display: flex; flex-direction:row; align-items:center; justify-content:space-between; flex-wrap: wrap; margin-bottom: 1.4rem;} .index-ask-item{ width: 48%; margin-top: 1rem;} /*2020-12-2 新版底部表单*/ .xuefei-2021{ width: 100%; margin: 0 auto; margin-top: 1.2rem; padding-bottom: 1rem;} .xuefei-gif{ width: 90%; margin: 0 auto;} .xuefei-tt{ text-indent: 1rem; font-size: 1.2rem; color: #000; margin-top: 1rem; letter-spacing: 0.1rem;} .xuefei-zy{ width: 80%; margin: 0 auto; display: flex; flex-direction:row; align-items:center; justify-content:space-between; flex-wrap: wrap; } .xuefei-zy-item{ width: 40%; display: flex; justify-content: flex-start; align-items:center; margin-top: 1.1rem;} .xuefei-zy-square{ width: 1.2rem; height: 1.2rem; background: rgba(0,0,0,0); border: 1px solid #595757; } .xuefei-zy-lab{ height: 1.2rem; line-height: 1.2rem; font-size: 1.2rem; color: #595757; margin-left: 0.5rem;} .xuefei-zy-item.on .xuefei-zy-square{ width: 1.2rem; height: 1.2rem; background: url("/images/nindex/squre.png") center 0.25rem no-repeat; background-size: 90% 70%; border:1px solid #ff2b22;} .xuefei-zy-item.on .xuefei-zy-lab{ color: #ff2b22;} .xuefei-2021 input{ display: block; background: #ffffff; width: 85%; height: 3rem; border: 0; line-height: 3rem; text-indent: 1rem; font-size: 1.2rem; border: 1px solid #e1b78f; color: #000; border-radius: 0.5rem; margin: 0 auto; margin-top:1rem; letter-spacing: 0.1rem;} .xuefei-2021 input::placeholder{ color: #adadad;} .xuefei-tj{ width: 85%; margin: 0 auto; height: 3rem; border: 0; line-height: 3rem; text-align: center; font-size: 1.2rem; background: #e1b78f; border-radius: 0.5rem; margin-top:0.8rem; color: #fff;} /*2020-12-3 底部悬浮*/ .foot-fixed{ width: 100%; max-width: 640px; position: fixed; bottom: 0; margin: auto; z-index: 100; } .foot-fixed-form{ width: 100%; background: #c3272b; height: 3.2rem; padding: 0.5rem; display: flex; flex-direction:row; align-items:center; justify-content:space-between; letter-spacing: 1px;} .foot-fixed-form input{ display: block; width: 34.5%; height: 100%; background: #fff; font-size: 1.05rem; text-indent: 0.5rem; border: 0;} .foot-fixed-sub{ width: 26%; height: 100%; background: #b97552; color: #fff; font-size: 1.05rem; display: flex; align-items:center; text-align: center; justify-content: center;} .foot-fixed-nav{ width: 100%; height: 4.2rem; background: #fff; display: flex; flex-direction:row; align-items:center; justify-content:space-between;} .foot-fixed-item{ width: 24.5%; background: #b97552; height: 100%; display: flex; justify-content:space-between; align-items: center; flex-direction: column; padding: 0.5rem 0;} .foot-nav-img{ width: 1.8rem; height: 1.3rem; display: flex; align-items:center; justify-content: center; position: relative;} .foot-nav-img img{max-width: 100%; height: auto;} .foot-nav-p{ text-align: center; font-size: 1rem; color: #fff; letter-spacing: 0.1rem;} .foot-nav-p a{ color: #fff;} .foot-num{ position: absolute; width: 1rem; height: 1rem; border-radius: 1rem; background: #e71f19; line-height: 1rem; text-align: center; top: -0.3rem; right: -0.8rem; font-size: 0.7rem; color: #fff;} /*2020-12-3 视频播放组件*/ .mask{ width: 100%; height: 100%; position: fixed; background: rgba(0, 0, 0, 0.4); z-index: 9999999999999; left: 0; top: 0; display: none;} .video-wrap{width: 92%; height: 100%; margin: 0 auto; display: flex; justify-content:center; align-items: center; flex-direction: column;} .video-dis{ width: 100%; height: auto;} .video-dis video{ width: 100%; height: auto;} .video-bar{ width: 100%; background: #fff; padding: 0.5rem 0.7rem; display: flex; justify-content:space-between; align-items: center; flex-direction: row; } .video-title{ max-width: 70%; padding: 0.5rem; background: #be9865; text-align: center; color: #fff; font-size: 1rem; border-radius: 0.5rem; letter-spacing: 1px;} .video-close{ padding: 0.5rem; background: #be9865; text-align: center; color: #fff; font-size: 1rem; border-radius: 0.5rem; letter-spacing: 1px;}