body{margin:0;padding:0;padding: 2rem 0 2rem;} /*common*/ #main{ font-size: 0; font-family: pingfangsc-regular, sans-serif; color: #333; padding-bottom: 0.5rem; } #main li{list-style: none;} #main img{vertical-align: middle;} #main a{color: inherit;} #main i{font-style: normal;} #main a.btn{display: block;text-decoration: none;} #main .showmq{font-size: 0.55rem;text-decoration: underline;} #main .showmq.btn{text-decoration: none;} #main .box-inline{text-align: center;} #main .box-inline .btn{display: inline-block;} #main .fl{float: left;} #main .fr{float: right;} #main .tr{text-align: right;} #main .clearfloat:after{content:"";display:block;clear:both;height:0} /*form*/ .myform{margin: 0 auto;} .myform input, .myform select{ border: 0; resize:none; outline: none; -webkit-appearance: none; background-color: #ffffff; color: #333; padding-left: 0.6rem; font-size: 0.6rem; width: 9.5rem; height: 100%; border-radius: 0; } .myform .form-item{ position: relative; margin: 0 auto; height: 1.75rem; line-height: 1.75rem; } .myform .icons{ position: absolute; top: 0.375rem; left: 0.375rem; width: 1.2rem; height: 1rem; border-right: 1px solid #e6e6e6; } .myform .select-parent i{ position: absolute; width: 0.625rem; height: 0.4rem; right: 0.7rem; top: 0.75rem; } .myform .select-parent i img{ width: 100%; display: block; } .myform select{color: #848c97;} .myform input::-webkit-input-placeholder{color: #848c97;} /*section5*/ .section5 .top{color: #fff;text-align: center;margin-bottom: 0.55rem;} .section5 h2{font-size: 1.25rem;} .section5 p i{color: #ffe400;} .section5 p b{font-family: "arial";font-size: 0.8rem;} .section5 span{font-size: 0.6rem;} .section5 .myform .form-item, .section5 .pop-form .form-item{margin: 0.25rem 0;} .section5 .myform span{ display: block; font-size: 0.55rem; color: #fff; } /*pop*/ #main .section-pop{ position: fixed; left: 0; top: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,0.7); z-index: 9999; -webkit-transform: scale(0);transform: scale(0); -webkit-transition: all 0.5s; transition: all 0.5s; } #main .section-pop.active {-webkit-transform: scale(1);transform: scale(1);} #main .pop-box{ position: absolute; left: 50%; top: 50%; background-repeat: no-repeat; -webkit-background-size: 100%; background-size: 100%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); width: 15rem; height: 12.5rem; background:url(/uploads/image/kyimages/bj2.png) no-repeat; background-size:100% 100%; } #main .pop-form .pop-close{ position: absolute; right: 0.5rem; top: 0.5rem; width: 0.58rem; height: 0.58rem; background: url(/uploads/image/kyimages/xx.png) no-repeat; background-size: 100%; } #main .pop-form .pop-top{ margin-bottom: 0.3rem; text-align: center; } #main .pop-form .pop-top p{ font-size: 0.5rem; line-height: 0.85rem; color: #fff; margin-top: 0.4rem; } #main .pop-form .pop-top i{color: #ffd600;} #main .pop-form .pop-top b{font-size: 0.6rem;font-family: "arial";} #main .pop-form .myform{width: 11.25rem;} #main .pop-form .form-item{margin-bottom: 0.5rem;background: #ffffff;} #main .pop-form input,#main .pop-form select{font-size: 0.55rem;} #main .pop-form select{background-position-x: 10.5rem;} #main .pop-form .btn{ background: -webkit-linear-gradient(90deg, #ffce07 , #fff6ba); background: linear-gradient(0deg, #ffce07 , #fff6ba); } .top_bt{ font-size: 1.2rem; color: #ffffff; margin: 1.8rem 0 1rem 0; font-weight: bold; } .top_bt1{ font-size: 0.9rem; line-height: 1.5rem; color: #2a36a5; font-weight: bold; } .top_bt2{ font-size: 0.6rem; line-height: 1rem; color: #545454; } .pop-top img{ height: 0.3rem; width: 9.35rem; margin:0.4rem auto 0.5rem; } /* 图 */ .header{ /* background: url(/uploads/image/kyimages/bam_01.jpg) no-repeat; background-size:100% 100%; */ height: 11.25rem; position: relative; width: 16rem; overflow: hidden; } .an_1{ width: 13rem; bottom: 0.8rem; right: 1.25rem; position: absolute; height: 1.625rem; } .an_1 p{ width: 6.25rem; height: 1.625rem; background: #ffcb51; border-radius:0.8125rem; font-size: 0.6rem; color: #203450; line-height: 1.625rem; text-align: center; box-shadow:0 0.1rem 0 #dba628; } .fl{float: left;} .fr{float: right;} .header .manual_lb ul li img{ width: 100%; } .header .manual_lb .swiper-pagination{ bottom: 30px; } .j_showlj{ width: 5.2rem; line-height: 1.6rem; text-align: center; color: #203450!important; font-size: 0.6rem; display: block; position: absolute; right: 4.5rem; bottom:1.8rem; background: #f9d849; border-radius: 0.8rem; box-shadow: 0 0.1rem 0 #dba628; } /* cj */ .main_cj{ overflow: hidden; padding:0 0.5rem; position: relative; } .cj{ width: 6.8rem; overflow: hidden; } .cj strong{ font-size: 0.75rem; font-weight: bold; color: #ffffff; width: 5.5rem; margin:1rem 0 0.9rem 0; line-height: 1.25rem } .cj p{ font-size: 0.6rem; color: #666666; margin-bottom: 0.3rem; width: 6.3rem; } .cj_left p{ float: left; margin-left: 0.5rem; border: 1px solid #9dbdfb; background: #ffffff; padding: 0.29rem 0; text-align: center; } .cj_right strong,.cj_left strong{ text-align: center; margin: auto; color: #203450; font-weight: bold; font-size: 0.6rem; display: block; margin-top: 1.1rem; padding: 0.25rem 0 0.7rem 0; } .cj_right strong{ text-indent: -0.6rem; } .cj_left strong{ text-indent: 0.7rem; } .cj_right p{ float: right; text-align: left; margin-right: 0.5rem; background: #caddf9; padding: 0.25rem 0 0.25rem 0.25rem; color: #203450; } .cj_center{ position: absolute; top: 5.4rem; left: 50%; width: 1.88rem; margin-left: -0.938rem; } .cj_center p{ width: 1.88rem; height: 1.86rem; line-height: 0.65rem; color: #ffffff; font-size: 0.6rem; font-weight: bold; margin: 0.3rem 0; text-align: center; } .cj_bj{ background: url(/uploads/image/kyimages/bj1.jpg)no-repeat; background-size:100% 100%; overflow: hidden; padding-bottom: 0.7rem; } /* 体系规划 */ .main_txgh{ overflow: hidden; } .item_3{ width: 7rem; height: 5.75rem; font-size: 0.6rem; background: #dbe8fb; border-radius: 0.3rem; margin-bottom: 1rem; box-shadow:0 0.1rem 0.1rem #e8ecf1; } .manual_2{ width: 15rem; margin:0.75rem auto 0rem; overflow: hidden; padding-top:0.6rem; padding-bottom:1rem!important; height: 14.3rem; margin-bottom: 0.5rem; } .item_3 strong{ font-weight: bold; color: #203450; display: block; text-align: center; width: 6rem; line-height: 1.5rem; background: #9dbdfb; margin:-0.5rem auto 0; font-size: 0.55rem; } .img1{ width: 0.725rem; } .img2{ width: 0.75rem; } .img3{ width: 0.95rem; } .h1{ height: 10rem; } .item_3 p{ color: #2f2901; line-height: 0.9rem; margin: 0.3rem 0 0 0.4rem } .manual_2 .swiper-pagination{ bottom: 0.5rem; } .an_mq_2{ width: 6.25rem; margin:1rem auto 0; font-size: 0.45rem; color: #203450; } .an_mq_2 span{ display: block; line-height:1.625rem; text-align: center; width: 6.25rem; background: #ffcb51; border-radius: 0.8rem; box-shadow: 0 0.1rem 0 #dba628; margin-bottom: 0.5rem; } .an_mq_2 a{ display: block; height:1.625rem; text-align: center; width: 6.25rem; background: #ffcb51; border-radius: 0.8rem; box-shadow: 0 0.1rem 0 #dba628; } .an_mq_2 a p{ line-height: 0.6rem; float: left; margin-left: 0.1rem!important; color: #203450; margin-top: 0.25rem; } .an_mq_2 a img{ width: 0.95rem; float: left; margin-left:0.4rem ; } /* 量身定制 */ .lsdz{ background: #e3eeff; overflow: hidden; padding-bottom: 1rem; } .bt_ul{ overflow: hidden; width: 15rem; margin: auto; } .bt_ul li{ text-align: center; width: 4.85rem; height: 2.45rem; float: left; border:1px solid #000000; color: #203450; } .bt_ul li img{ width: 0.8rem; float: left; margin:0.4rem 0.1rem 0.2rem 0.5rem; } .bt_ul li strong{ font-size: 0.6rem; float: left; margin-top: 0.4rem; } .bt_ul li p{ font-size: 0.5rem; float: left; text-align: center; width: 4.85rem; } .rig2{ margin-right: 0.2rem; } .manual{ width: 15rem; margin:0.75rem auto 0rem; overflow: hidden; padding-top:0.5rem; } .item_1{ overflow: hidden; width: 7.25rem; height: 11rem; font-size: 0.6rem; background: #ffffff; } .item_1 strong{ font-weight: bold; color: #383838; display: block; line-height: 2.1rem; height: 2.25rem; text-indent: 2.5rem; width: 7.25rem; } .sit1{ background: url(/uploads/image/kyimages/kc_01.jpg) no-repeat; background-size:100% 100%; } .sit2{ background: url(/uploads/image/kyimages/kc_02.jpg) no-repeat; background-size:100% 100%; } .sit3{ background: url(/uploads/image/kyimages/kc_03.jpg) no-repeat; background-size:100% 100%; } .sit4{ background: url(/uploads/image/kyimages/kc_04.jpg) no-repeat; background-size:100% 100%; } .zdkc{ margin: 0.45rem 0.55rem 0; font-size: 0.55rem; } .zdkc span{ font-weight: bold; } .zdkc p{ margin-bottom: 0.25rem; line-height: 0.65rem; } /* 教师团队 */ .jstd{ overflow: hidden; background: #e3eeff; padding-bottom: 1rem; } .jstd .manual_3{ width: 15rem; margin:0.7rem auto 0; overflow: hidden; } .item_4{ background: #ffffff; padding-bottom: 1rem; width: 15rem; } .left_1{ width: 4.85rem; float: left; margin:1rem 1rem 0 1rem; border:0.2rem solid #dbe8fb; transform:rotate(-3deg); border-radius: 0.2rem; overflow: hidden; height: 7rem; } .left_1 img{ width: 100%; display: block; transform:rotate(3deg); } .right_1{ float: left; overflow: hidden; margin-top: 1.1rem; font-size: 0.6rem; width: 7.64rem; } .str1{ font-size: 0.75rem; font-weight: bold; color: #383838; } .spa1{ display: block; width: 5rem; line-height: 0.8rem; color: #ffffff; text-align: center; background: #5a759f; border-radius: 0.4rem; margin: 0rem 0 0.3rem 0; } .pl1{ line-height: 0.8rem; margin-bottom: 0.4rem; width: 7.5rem; } .right_2{ overflow: hidden; } .right_2 p{ float: left; width: 7.5rem; word-break: break-all; word-wrap: break-word; } /* 材料清单 */ .bt_3 img{ width: 100%; } .item_2{ overflow: hidden; width: 13.75rem; margin:0.4rem 1.1rem; background: url(/uploads/image/kyimages/bj3.png) no-repeat; background-size:100% 100%; } .item_2 .bottom{ overflow: hidden; margin: 0.6rem; line-height: 0.9rem; height: 7.5rem; } .item_2 .bottom img{ width: 100%; } .swiper-pagination-bullet-active{ background: #0067b1!important; } .swiper-pagination-bullet{ background: #96c9f0; opacity: .8; } .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom: 5px; } .swiper-container{ padding-bottom:1rem; } .an_mq{ width: 7.6rem; height:1.5rem; line-height:1.45rem; text-align: center; font-size: 0.55rem; margin: auto; background:#d02e03; background-size:100% 100%; color: #ffffff; border-radius: 0.75rem; margin: 0.7rem auto; font-weight: bold; } /* 成功案例 */ .zlqd{ padding-bottom:1rem; } .main_cgal{ overflow: hidden; background: #ffffff; padding-bottom: 1rem; } .cgal{ overflow: hidden; overflow-x: scroll; height: 11.2rem; width: 16rem; margin-top: 1rem; } .cgal_ul{ height: 11.2rem; width: 27rem; overflow: hidden; padding-left: 2.2rem; } .cgal_ul li{ height: 11.2rem; width: 5.625rem; overflow: hidden; float: left; margin-right: 0.4rem; } .an_mq_1{ width: 13.6rem; height: 1.65rem; margin:0.5rem auto 0; } .an_mq_1 p{ width: 6.25rem; line-height: 1.65rem; font-size: 0.6rem; color: #203450; text-align: center; border-radius: 7.25rem; font-weight: bold; background: #ffcb51; box-shadow: 0 0.1rem 0 #dba628; } .yjt{ width: 100%; height:100%; } /* 标题 */ .bt{ width: 100%; font-size: 0.8rem; font-weight: bold; color: #203450; text-align: center; margin: 0.9rem 0 0.8rem 0; } .bt img{ width: 1rem; } .dyno{display: none;} /* 注册提交 */ .zctj .headline p{ font-size: 0.95rem!important; text-align: center; color: #4f00a8; font-weight: bold; margin-top: 0.9rem; } .zctj{ width: 15rem; overflow: hidden; background:url(/uploads/image/kyimages/bj2.png) no-repeat; background-size:100% 100%; margin: auto; } .zctj_1{ overflow: hidden; width: 12.5rem; height: 12.5rem; margin:0rem auto; } .bt_2{ text-align: center; font-size: 0.8rem; color: #ffffff; margin: 1.3rem 0 0.25rem 0; } .bt_2_1{ text-align: center; font-size: 0.8rem; font-weight: bold; color: #ffffff; } .bt_2_1 span{ font-size: 0.9rem; color: #ffcb51; } .section5 .myform{margin-top: 0.7rem;width: 11.35rem;} .section5 .myform .form-item, .section5 .pop-form .form-item{ margin: 0.4rem 0; border: 0rem!important; height: 1.75rem; line-height: 1.75rem; background: #ffffff; } .section5 .myform span{ display: block; font-size: 0.55rem; color: #fff; } .zctj .myform input,.zctj .myform select{ width: 9.25rem; background: #ffffff; padding-left: 0.5rem!important; line-height: 1.75rem!important; border: 0px!important; margin-left: 0.3rem; } .section5 .btn,#main .pop-form .btn{ width: 10rem; height: 1.625rem; line-height: 1.625rem; font-size: 0.6rem; border-radius: 1rem; color: #203450; background: #ffcb51; text-align: center; margin:0.8rem auto 0; font-weight: bold; box-shadow: 0 0.1rem 0 #dba628; } .ts{ font-size: 0.5rem; color: #ffffff; text-align: center; margin-top: 0.3rem; } .icons_2{ width: 1.2rem; height: 1.75rem; float: left; margin-left: 0.5rem; } .icons_2 img{ width: 100%; } .icons_2 p{ line-height: 1.75rem; float: left; font-size:0.6rem; color: #000000; margin-left: 0.4rem; } .tc3 .icons_2 p ,.tc2 .icons_2 p ,.tc1 .icons_2 p { color: #939393!important; margin-right: 0.25rem!important; } .hit1{ margin: 1.5rem 0 1.1rem 0; } .bt_1{ text-align: center; font-size: 0.5rem; margin-top: -0.5rem; color: #333333; } .wid{ width: 7.2rem!important; } /* .zt_menu{display: none;} */ .main_fh{ width: 16rem; margin:auto; height:5rem; background: url(/uploads/image/kyimages/tfyh.jpg) no-repeat; background-size:100% 100%; position: relative; } .an_0{ width: 4.2rem; height: 1rem; position: absolute; bottom: 0.8rem; right: 4rem; line-height: 1rem; text-align: center; background: #f2cb45; color: #203450; font-size: 0.62rem; border-radius:0.2rem ; }