@charset "utf-8";
/* CSS Document */
.ani, .ani *{ transition-property: all; -ms-transition-property: all; -moz-transition-property: all; -webkit-transition-property: all; -o-transition-property: all; transition-duration: .2s; -ms-transition-duration: .2s; -moz-transition-duration: .2s; -webkit-transition-duration: .2s; }
.clearfix { zoom: 1; }
.clearfix:after { content: ""; display: block; clear: both; height: 0; }
.pc_container,.page_container.pc_container *,.page_container *{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;list-style-type: none; font-style: normal; font-weight: normal; }
.page_container img{vertical-align: top;}
.wrapper{width: 1200px;margin: 0 auto;}

.pc_container{font-family: PingFang SC; background: #fff}
.pc_container .banner{background: url(../../../images/edu/20221215/banner_bg.jpg) 50% 0 #fd9937;}
.pc_container .banner .wrapper{position: relative}
.pc_container .banner .wrapper img{float: right;}
.pc_container .banner .desc{position: absolute;left: 0;top: 80px;color: #fff;}
.pc_container .banner .desc h1{font-size: 48px;line-height: 50px;}
.pc_container .banner .desc p{font-size: 22px;line-height: 2;padding: 20px 0 50px 0;}
.pc_container .banner .desc .btn{}
.pc_container .banner .desc .btn a,.pc_container .banner .desc .btn span{ float: left; width: 180px; height: 60px; font-size: 18px; color: #f18a0f; text-align: center;line-height: 60px; background: #fff; border-radius:2px; margin-right: 10px;}
.pc_container .banner .desc .btn span{color: #fff; border: 1px solid #fff; line-height: 58px; background: none; cursor: pointer;}
.pc_container .banner .desc .btn span:hover{background: #fff;color: #f18a0f;}
.pc_container .section_main{ text-align: center; padding: 95px 0 80px 0; overflow: hidden;}
.pc_container .section_main .tit{padding: 0 0 35px; text-align: center;}
.pc_container .section_main .tit span{font-size: 18px;line-height: 1;height: 38px;color: #333;display: inline-block;position: relative;}
.pc_container .section_main .tit span:before{content: ''; width: 40px; height: 3px; border-radius: 3px;position: absolute; left: 50%; margin-left: -20px;; bottom: 0;
background-image: -moz-linear-gradient( 0deg, rgb(245,108,21) 24%, rgb(254,159,68) 100%, rgb(81,133,252) 100%, rgb(254,159,68) 100%);
  background-image: -webkit-linear-gradient( 0deg, rgb(245,108,21) 24%, rgb(254,159,68) 100%, rgb(81,133,252) 100%, rgb(254,159,68) 100%);
  background-image: -ms-linear-gradient( 0deg, rgb(245,108,21) 24%, rgb(254,159,68) 100%, rgb(81,133,252) 100%, rgb(254,159,68) 100%);
}
.pc_container .section_main .tit h2{font-size: 36px;line-height: 36px;color: #333;padding-bottom: 20px;margin-top: 15px;}
.pc_container .section_main .tit p{ font-size: 16px; line-height: 28px; color: #888;}
.pc_container .section_main .tit.white h2,.pc_container .section_main .tit.white p,.pc_container .section_main .tit.white span{color: #fff;}
.pc_container .section_main .tit.white span:before{background: #fff;}
.pc_container .section_main .more{width: 100%; text-align: center;padding: 20px 0 0 0 ;}
.pc_container .section_main .more .btn{display: inline-block; text-align: center; width: 220px; height: 60px; line-height: 60px; font-size: 16px; color: #fff;border-radius: 2px; cursor: pointer;background-image: -moz-linear-gradient( 0deg, rgb(245,108,21) 24%, rgb(254,159,68) 100%, rgb(81,133,252) 100%, rgb(254,159,68) 100%);
  background-image: -webkit-linear-gradient( 0deg, rgb(245,108,21) 24%, rgb(254,159,68) 100%, rgb(81,133,252) 100%, rgb(254,159,68) 100%);
  background-image: -ms-linear-gradient( 0deg, rgb(245,108,21) 24%, rgb(254,159,68) 100%, rgb(81,133,252) 100%, rgb(254,159,68) 100%);}
.pc_container .section_01{ background:#f5f5f5;}
.pc_container .section_01 ul{ padding: 10px 0 40px; margin: 0 -10px;}
.pc_container .section_01 li{float: left; width: 25%; padding: 0 10px;}
.pc_container .section_01 li .item{ background: #fff; min-height: 360px; padding: 50px 20px 0;  box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.1); text-align: center;}
.pc_container .section_01 li h3{position: relative; line-height: 1; padding: 33px 0 0 0; margin-top: 30px; font-size: 24px; color: #000;}
.pc_container .section_01 li h3:before{content: '';width: 30px;height: 3px;background-color: #e6e6e6;position: absolute;left: 50%; top: 0; margin-left: -15px;}
.pc_container .section_01 li p{ font-size: 16px; color: #666; line-height: 28px; padding: 20px 0 0 0;}

.pc_container .section_02{ background: #fff;}
.pc_container .section_02 ul{}
.pc_container .section_02 li{float: left; width: 25%; text-align: center; line-height: 1; color: #333; padding: 0 0 50px;}
.pc_container .section_02 li img{}
.pc_container .section_02 li h3{ font-size: 24px; padding: 30px 0 15px;}
.pc_container .section_02 li p{font-size: 16px;}
.pc_container .section_03{ background: #f5f5f5}
.pc_container .section_05{ background: url("../../../images/edu/20221215/5f_bg.jpg") repeat-y 50% 0; padding-bottom: 0;}



.pc_container .section_08{ background: url("../../../images/edu/20221215/8f_bg.jpg") no-repeat 50% 0; padding: 0 0 30px;}
.pc_container .section_08 .desc+img{float: right;}
.pc_container .section_08 .desc{ color: #fff; text-align: left; padding: 100px 0 0  0; float: left;}
.pc_container .section_08 .desc h2{ font-size: 36px; line-height: 48px;}
.pc_container .section_08 .desc p{font-size: 16px; line-height: 30px; padding: 27px 0 40px 0 ;}
.pc_container .section_08 .desc ul{}
.pc_container .section_08 .desc li{ float: left; padding: 0 60px 0 0; text-align: center;}
.pc_container .section_08 .desc img{}
.pc_container .section_08 .desc span{ font-size: 16px; color: #333; display: block; line-height: 1; padding: 20px 0 0;}


.mob_container{ background: #fff}
.mob_container img{max-width: 100%;}
.mob_container .banner{position: relative;}
.mob_container .banner .desc{position: absolute;left:0;top: 50px;width: 100%;color: #fff;text-align: center;}
.mob_container .banner .desc h1{font-size: 26px;line-height: 30px;font-weight: bold;}
.mob_container .banner .desc p{font-size: 12px;line-height: 20px;padding: 15px 0;}
.mob_container .banner .desc .btn{display: inline-block;text-align: center;width: 160px;height: 40px;line-height: 40px;font-size: 16px;color: #fff;border-radius: 2px;border: 1px solid #fff;}

.mob_container .section_main{text-align: center;padding: 35px 0px 40px;}
.mob_container .section_main .tit{padding-left:20px;padding-right:20px;padding-bottom: 20px;}
.mob_container .section_main .tit h2{font-size: 20px;line-height: 26px;color: #333;font-weight: bold;margin-bottom: 10px;margin-top: 10px;}
.mob_container .section_main .tit p{font-size: 12px;line-height: 20px;color: #888;}
.mob_container .section_main .tit span{font-size: 15px;line-height: 1;height: 24px;color: #333;display: inline-block;position: relative;}
.mob_container .section_main .tit span:before{content: '';width: 30px;height: 2px;border-radius: 2px;position: absolute;left: 50%; margin-left: -15px; bottom: 0;background-image: -moz-linear-gradient( 0deg, rgb(245,108,21) 24%, rgb(254,159,68) 100%, rgb(81,133,252) 100%, rgb(254,159,68) 100%);background-image: -webkit-linear-gradient( 0deg, rgb(245,108,21) 24%, rgb(254,159,68) 100%, rgb(81,133,252) 100%, rgb(254,159,68) 100%);background-image: -ms-linear-gradient( 0deg, rgb(245,108,21) 24%, rgb(254,159,68) 100%, rgb(81,133,252) 100%, rgb(254,159,68) 100%);}
.mob_container .section_main .tit.white,.mob_container .section_main .tit.white h2,.mob_container .section_main .tit.white p,.mob_container .section_main .tit.white span{color:#fff;}
.mob_container .section_main .tit.white span:before{background:#fff;}
.mob_container .section_main .more{width: 100%; text-align: center;padding: 20px 0 0 0 ;}
.mob_container .section_main .more .btn{display: inline-block;text-align: center;width: 220px;height: 50px;line-height: 50px;font-size: 16px;color: #fff;border-radius: 2px;cursor: pointer;background-image: -moz-linear-gradient( 0deg, rgb(245,108,21) 24%, rgb(254,159,68) 100%, rgb(81,133,252) 100%, rgb(254,159,68) 100%);background-image: -webkit-linear-gradient( 0deg, rgb(245,108,21) 24%, rgb(254,159,68) 100%, rgb(81,133,252) 100%, rgb(254,159,68) 100%);background-image: -ms-linear-gradient( 0deg, rgb(245,108,21) 24%, rgb(254,159,68) 100%, rgb(81,133,252) 100%, rgb(254,159,68) 100%);}

.mob_container .section_01{ background:#f5f5f5; padding-top: 10px;}
.mob_container .section_01 ul{padding: 0 5px;/* margin: 0 -10px; */}
.mob_container .section_01 li{float: left;width: 50%;padding: 10px 5px;}
.mob_container .section_01 li .item{background: #fff;min-height: 220px;padding: 25px 15px 0;border: 1px solid #f2f2f2;text-align: center;}
.mob_container .section_01 li .item img{
    width: 45px;
}
.mob_container .section_01 li h3{position: relative;line-height: 1;padding: 20px 0 15px;font-size: 16px;color: #000;}
.mob_container .section_01 li h3:before{content: '';width: 30px;height: 3px;background-color: #e6e6e6;position: absolute;left: 50%;top: 0;margin-left: -15px;opacity: 0;}
.mob_container .section_01 li p{font-size: 14px;color: #666;line-height: 22px;/* padding: 20px 0 0 0; */}

.mob_container .section_02{ background: url("../../../images/edu/20221215/mobile/2f_bg.jpg") no-repeat 50% 50% / cover;}
.mob_container .section_02 .hull{padding: 20px 30px 0;}
.section_02Slider{width: 50%;float: left;/* background: #000; */border-radius: 30px;box-shadow: 0 0 10px 5px rgb(175 89 17 / 49%);}
.mob_container .section_02 .tabs{float: left;width: 50%;padding: 0 0 0 20px;}
.mob_container .section_02 .tabs ul{}
.mob_container .section_02 .tabs li{ line-height: 42px; height: 42px; font-size: 16px; display: flex; /* justify-content: center; */ align-items: center; padding: 0 0 0 20px; color: #fff; border-radius: 5px; margin-bottom: 5px;}
.mob_container .section_02 .tabs li img{width: 20px;height: 20px;margin-right: 5px;}
.mob_container .section_02 .tabs li img:last-of-type{display: none;}
.mob_container .section_02 .tabs li.on img{display: none;}
.mob_container .section_02 .tabs li.on img:last-of-type{display: inline-block;}
.mob_container .section_02 .tabs li.on{background: #fff;color: #f77712;}

.mob_container .section_03{}
.mob_container .section_03Slider{ padding: 0 10px;}
.mob_container .section_03 ul{}
.mob_container .section_03 li{ float: left;width: auto;}
.mob_container .section_03 li img{}

.mob_container .section_04{ background: #f5f5f5}
.mob_container .section_05{background: url("../../../images/edu/20221215/mobile/8f_bg.jpg") repeat-y 50% 0 /100% 100%;padding-bottom: 0;}


.mob_container .section_08{ background: url("../../../images/edu/20221215/mobile/8f_bg.jpg") no-repeat 50% 0 /100% auto; padding-bottom: 0}