.flow{position:relative}.flow::after{content:'';display:block;width:100%;clear:both}.header-h{height:0}.about-main .content{position:relative;top:-100px;padding-top:70px;min-height:636px;background:url(../images/about_back.jpg) no-repeat left top;background-size:288px 217px;box-shadow:0 3px 12px 1px rgba(204,204,204,0.23);background-color:#fbfbfd}.about-main .content .title{text-align:center}.about-main .content .title h2{font-size:36px;font-weight:normal;font-stretch:normal;line-height:40px;letter-spacing:0px;color:#000000;position:relative;padding-bottom:15px}.about-main .content .title h2::before{width:132px;height:1px;background-color:#999999;content:"";display:block;position:absolute;bottom:0;left:50%;transform:translateX(-50%)}.about-main .content .title p{margin-top:20px;font-size:18px;font-weight:normal;font-stretch:normal;line-height:10px;letter-spacing:1px;color:#666666}.about-main .content>.desc{width:70%;margin-left:15%;margin-top:60px;line-height:1.5;height:450px;overflow-y:auto}.about-main .content>.desc p{margin:0 5px}.about-main .content>.desc *{color:#333333}.about-course{height:770px;background:url(../images/about-date-back.png) no-repeat center;padding:90px 0 87px}.about-course .content>h2{font-size:36px;color:#000;line-height:40px;text-align:center;font-weight:500}.about-course .content>div{margin-top:160px;text-align:center;position:relative}.about-course .content>div:before{content:"";top:50%;position:absolute;transform:translateY(-50%);width:100%;display:block;height:3px;background:linear-gradient(128deg, #3148b0 0%, #1f2a73 100%)}.about-course .content>div ul li{width:240px;margin:0 70px;display:inline-block;position:relative}.about-course .content>div ul li.t{vertical-align:top}.about-course .content>div ul li.t:after{content:'';display:block;margin:40px auto 0;width:1px;height:130px;background:url(../images/about-date-line-top.jpg)}.about-course .content>div ul li.b{margin-top:-18px}.about-course .content>div ul li.b:before{content:'';display:block;margin:0 auto 40px;width:1px;height:130px;background:url(../images/about-date-line-bottom.jpg)}.about-course .content>div ul li.b>div{bottom:auto;top:0}.about-course .content>div ul li h2{font-size:20px;color:#4455a0;line-height:48px;text-align:center}.about-course .content>div ul li>p{font-size:16px;color:#333;line-height:24px;margin-top:13px;text-align:center;height:48px}.about-course .content>div ul li>div{width:18px;height:18px;background:#d8d8d8;border-radius:50%;position:absolute;bottom:0;left:50%;transform:translateX(-50%)}.about-course .content>div ul li>div p{width:8px;height:8px;background:#1f2a73;border-radius:50%;margin:5px;float:left}.about-surroundings{background:url(../images/about_back2.jpg) no-repeat center;padding:90px 0 87px}.about-surroundings .content .title{text-align:center}.about-surroundings .content .title h2{font-size:36px;font-weight:normal;font-stretch:normal;line-height:40px;letter-spacing:0px;color:white;position:relative;padding-bottom:15px}.about-surroundings .content .title h2::before{width:132px;height:1px;background-color:#999999;content:"";display:block;position:absolute;bottom:0;left:50%;transform:translateX(-50%)}.about-surroundings .content .title p{margin-top:20px;font-size:18px;font-weight:normal;font-stretch:normal;line-height:10px;letter-spacing:1px;color:#cccccc}.about-surroundings .content .list{display:flex;justify-content:space-around;flex-wrap:wrap;margin-top:60px}.about-surroundings .content .list .list-item{height:270px}.about-surroundings .content .list .list-item img{height:100%}.about-link{padding:90px 0 70px;background:linear-gradient(90deg, #202156 0%, #2d3678 100%)}.about-link .content .title{text-align:center}.about-link .content .title h2{font-size:36px;line-height:40px;font-weight:500;color:white}.about-link .content .title p{font-size:18px;color:white;line-height:40px;margin-top:23px}.about-link .content .list{margin-top:70px}.about-link .content .list ul{overflow:hidden}.about-link .content .list ul li{margin:20px;width:180px;background:#fff;box-shadow:0 5px 10px 1px rgba(19,39,120,0.1);width:calc(16.66% - 40px);overflow:hidden;float:left}.about-link .content .list ul li img{width:100%}.about-contact{padding:180px 0}.about-contact .content{overflow:hidden}.about-contact .content .title{text-align:center}.about-contact .content .title h2{font-size:36px;font-weight:normal;font-stretch:normal;line-height:40px;letter-spacing:0px;color:#000000;position:relative;padding-bottom:15px}.about-contact .content .title h2::before{width:132px;height:1px;background-color:#999999;content:"";display:block;position:absolute;bottom:0;left:50%;transform:translateX(-50%)}.about-contact .content .title p{margin-top:20px;font-size:18px;font-weight:normal;font-stretch:normal;line-height:10px;letter-spacing:1px;color:#666666;text-transform:uppercase}.about-contact .content>div.info{width:500px;margin:100px auto 0}.about-contact .content>div.info>div{margin-top:50px}.about-contact .content>div.info>div:first-child{margin-top:0}.about-contact .content>div.info>div i{font-size:29px;line-height:29px;float:left;display:block;color:#4455A0}.about-contact .content>div.info>div h2{margin-left:50px;font-size:24px;font-weight:500;margin-top:28px;color:#4455A0}.about-contact .content>div.info>div h2:first-child{margin-top:0}.about-contact .content>div.info>div p{margin-left:50px;font-size:16px;font-weight:500;margin-top:15px}.about-contact .content .r{width:600px;float:right;border:10px solid #4455A0}@media (max-width:1000px){.banner{width:100%}.banner img{width:140%;margin-left:-20%;max-width:none}.header-h{height:4rem}.about-main .content{padding:2rem 0;height:auto;background:url(../images/about_back.jpg) no-repeat left top;background-size:5rem auto;top:-2rem;background-color:#fbfbfd;min-height:auto}.about-main .content>.title h2{font-size:1.5rem;padding-bottom:1rem;line-height:2rem}.about-main .content>.title h2:before{width:8rem}.about-main .content>.title p{font-size:1.2rem;margin-top:.5rem;line-height:2rem}.about-main .content>div.desc{width:90%;margin-left:5%;margin-top:2rem;line-height:1.5;height:auto;font-size:1rem !important}.about-main .content>div.desc *{font-size:1rem !important}.about-course{height:auto;padding:2rem 0 1rem}.about-course .content>.title h2{font-size:1.5rem;padding-bottom:1rem;line-height:2rem}.about-course .content>.title h2:before{width:8rem}.about-course .content>.title p{font-size:1.2rem;margin-top:.5rem;line-height:2rem}.about-course .content>div{margin-top:2rem}.about-course .content>div:before{display:none}.about-course .content>div ul li{width:100%;margin:0 0;display:block}.about-course .content>div ul li.t:after{display:none}.about-course .content>div ul li.b{margin-top:0}.about-course .content>div ul li.b:before{display:none}.about-course .content>div ul li h2{font-size:1.2rem;line-height:2rem}.about-course .content>div ul li>p{font-size:1rem;line-height:1.5rem;margin-top:.5rem;height:4rem}.about-course .content>div ul li>div{display:none}.about-surroundings{padding:2rem 0;background:url(../images/about_back2.jpg) no-repeat center;background-size:cover}.about-surroundings .content>.title h2{font-size:1.5rem;padding-bottom:1rem;line-height:2rem}.about-surroundings .content>.title h2:before{width:8rem}.about-surroundings .content>.title p{font-size:1.2rem;margin-top:.5rem;line-height:2rem}.about-surroundings .content .list{display:flex;justify-content:space-around;flex-wrap:wrap;margin-top:2rem}.about-surroundings .content .list .list-item{height:auto;width:100%;margin-top:1rem}.about-surroundings .content .list .list-item:first-child{margin-top:0}.about-surroundings .content .list .list-item img{width:100%;height:auto}.about-link{padding:1rem 0}.about-link .content>.title h2{font-size:1.5rem;padding-bottom:1rem;line-height:2rem}.about-link .content>.title h2:before{width:8rem}.about-link .content>.title p{font-size:1.2rem;margin-top:.5rem;line-height:2rem}.about-link .content .list{margin-top:1rem}.about-link .content .list ul{overflow:hidden;padding:0}.about-link .content .list ul li{margin:1rem;width:calc(33.33% - 2rem)}.about-contact{padding:2rem 0}.about-contact .content{overflow:hidden}.about-contact .content>.title h2{font-size:1.5rem;padding-bottom:1rem;line-height:2rem}.about-contact .content>.title h2:before{width:8rem}.about-contact .content>.title p{font-size:1.2rem;margin-top:.5rem;line-height:2rem}.about-contact .content>div.info{margin-top:2rem}.about-contact .content>div.info>div{margin-top:1rem}.about-contact .content>div.info>div i{font-size:1.2rem;line-height:1.5rem}.about-contact .content>div.info>div h2{margin-left:2rem;font-size:1rem;margin-top:.5rem}.about-contact .content>div.info>div p{margin-left:2rem;font-size:1rem;margin-top:.5rem}.about-contact .content .r{width:calc(100% - 1rem);float:none;margin-top:2rem;border:.5rem solid #4455A0}}