@charset "utf-8";
/* CSS Document 2024/12/24*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0; }
ul{ list-style:none;}
img{ border:none;}
.clearfix:after{ clear:both; display:block; visibility:hidden; height:0; line-height:0; content:".";}
.clearfix{zoom:1;}
.clear{ clear:both}
body{font-family:"微软雅黑"; font-size:14px; min-width:1280px; color:#727171;overflow-x: hidden;}
button{ border:none;font-family:"微软雅黑"; outline:none;}
a{text-decoration:none;}
.banner{}
.pb-30{padding-bottom:30px;}
.pb-50{padding-bottom:50px;}
.pb-60{padding-bottom:60px;}
.respond-img{ width: 100%; height: 100%; display: block;}
.top{ position:absolute; top:0px; left:0px; width:100%;height: 90px; border-bottom:1px solid #b3bac7;}
.nav{ width: 1200px; margin: 0 auto; padding-top: 1px;}
.logo{ float: left; width: 200px; height: 45px; margin-top:6px;}
.logo img{width:200px;}
.menu{ float: right; padding-top: 24px;}
.menu li{ text-align: center;float: left; margin-right: 24px; height: 35px; line-height: 35px;}
.menu li a{ color: #dadbdf; font-family: "微软雅黑"; font-size:16px; font-weight: 900;}
.slidebox .active{ border-bottom: 2px solid #feb055;}
.backgroundgray{ background: #f9f9f9;}
.backgroundwhite{ background: #fff;}
.home-item{}
.home-initem{width: 1200px; margin: 0 auto; padding-top: 60px;}
.gray-kuang{ background: url(../images/kuang-gray.png) left bottom no-repeat; height:220px;padding-left: 152px; padding-top: 1px;}
.gray-inkuang1{ height: 24px; margin-top: 15px; font-size: 16px;}
.gray-inkuang2{ color: #333; font-size: 36px; font-weight:500; height: 50px; margin-bottom: 50px;}
.gray-inkuang3{ font-size: 26px; color: #333;}
.home1{ color: #777777; font-size: 16px; padding-left:152px;line-height:2;}
.home1 p{text-indent: 2em;  margin-bottom: 5px; line-height: 1.5;}
.home-text{text-indent: 2em;}
.home-five-intro{ padding-top: 20px; padding-bottom: 120px;}
.home-five-intro li{ width: 209px; float: left; color: #606060; font-size: 12px; text-align: center;}
.footer{ background: #2b2b2e; }
.infooter{ margin: 0 auto; width: 1200px; padding-top:10px; padding-bottom:10px;}
.infooterL{ float: left;}
.infooterLa{ padding-left: 60px;padding-top:16px;}
.infooterLa li{ float: left; height: 30px; line-height: 30px; border-bottom: 2px solid #5c5c5e;  white-space: nowrap; margin-right: 55px;}
.infooterLa li a{ color: #dadbdf; font-family: "微软雅黑"; font-size:16px;}
.infooterLb{color: #787879; font-size: 16px; line-height: 2; margin-top: 20px;}
.infooterR{float: right; text-align: right;}
.infooterRin{ margin-bottom: 8px;}
.five-cricle{ margin-top: 40px;}
.infooterRin li{ width: 139px; height: 32px; float: left; margin-bottom: 4px; margin-right: 4px;}
.zchj{ padding-left: 80px; margin-top: 50px; padding-bottom: 55px;}
.home-dleft{  float: left; padding-bottom: 160px;}
.home-dleft p{ margin-bottom: 0px;}
.home-dright{ float: right;height:415px;}
.home1-top{ margin-bottom: 40px;}
.home-ed-list{ background: #eeeeee; margin-top: 100px;}
.home-ed-list li{ width: 25%; float: left; min-height: 100px;}
.home-ed-list li img{ width: 100%; display: block;}
.future-wrapper{ background: #f9f9f9;padding-top: 110px; padding-bottom: 120px; margin-bottom: 220px; margin-top: 100px;}
.future-inner{ width: 425px; height:520px; padding-left:775px;margin: 0 auto; background: url(../images/future-bg.jpg) left top no-repeat; padding-top: 12px;}
.future-inner li{ padding-left: 20px; margin-bottom: 118px;}
.future-inner-tit{ font-size:16px; color:#333; margin-bottom: 20px;}
.future-inner-ll{ color: #777;}
.bottom-bar{ background: #252528; height: 44px; text-align: center; line-height: 44px;}
.bottom-bar a{color:#409eff;}
.img-box{padding:5px; border:1px solid #eaeaea;border-radius: 2px;}
.f-left{float: left;}
.f-right{float: right;}
.width524{width:524px;}
.width500{width:500px;}
.width480{width:480px;}
.width480 img{width:100%;}
/*百长教育页面*/
.edu1{ padding-top: 35px;}
.edu-tit{ width: 500px; height: 100px; margin: 50px auto;}
.edu-line{ width: 290px; margin: 0 auto; border-top: 2px solid #ccc;}
.edu-text{ width: 200px; background: #fff; color: #8f8d8d; font-size: 42px; margin: -31px auto 0; text-align: center;}
.edu-english{ font-size: 22px; color: #8f8d8d;text-transform: uppercase; font-family: Arial; text-align: center; margin-top: 10px;}
.width1200{ margin: 0 auto; width: 1200px;}
.edu1-wl{ float: left; width: 420px;}
.edu1-wr{ float: right; width: 650px; padding-top: 80px;}
.edu1-wlt{ font-size: 28px; color:#333; margin-bottom: 30px;}
.edu1-wl p{ text-indent: 2em; line-height: 1.5; margin-bottom: 5px;}
.yellow-area{ background:#f1dc27 url(../images/white-trangle.jpg) center top no-repeat;  padding-top: 80px; padding-bottom: 60px; }
.leader-intro{ position: relative; z-index: 1;}
.leader-intro li{ float: left; width: 240px; height: 150px;}
.leader-intro-t{ color: #fff; font-size: 16px; margin-bottom: 10px;}
.leader-intro-b{ font-size:12px; color:#698295; white-space: nowrap;}

.development{ background: url(../images/development.jpg)  center  top no-repeat; height: 600px; position: relative; margin-top: 140px;}
.ap-development{ position: absolute;}
.dap1{ width: 230px; top:210px; left: 85px;}
.dap2{ width: 200px; top:-50px; left: 240px;}
.dap3{ width: 300px;top:285px; left: 500px;}
.dap4{ width: 300px; top:-75px; left: 500px;}
.dap5{ width: 270px; top:150px; left: 840px;}
.dap6{ width: 250px; top:-160px; left: 850px;}
.ap-development .ap-dimg{ margin-top: 15px; margin-bottom: 15px;}
.ap-development .ap-dimg img{ margin-right: 3px;}

.ap-development .tit{ color: #8b8b8b; font-size: 23px; margin-bottom: 10px;}
.ap-development .cont{ color:#a1a1a1; font-size:14px; line-height: 1.5;}
.aboutus{ background: #f7f7f7; padding-top: 60px;}
.aboutus-1{ padding-top: 40px;}
.aboutus-1 li{ text-align: center;}
.aboutus-1{ width: 990px; margin:0 auto;}
.aboutus-1 li{ width: 330px; float: left; padding-bottom: 220px;}
.about-icon{ margin-bottom: 25px;}

.map-wrapper{ height: 940px;}
.contact-map{ width:1200px; margin:100px auto 0; height:412px;}
.erweima{ width: 390px; margin: 0 auto; padding-top: 160px;}
.ewm-code{ width: 170px; float: left; text-align: center;}
.sys{ text-align: center; margin-top: 5px;}


.teacher{ width: 1000px; margin: 50px auto 0; padding-bottom: 80px;}
.teacher li{ float: left; width: 478px; height: 179px; background: url(../images/teacher-bg.jpg); box-shadow: 5px 5px 5px #e6e6e6; margin-bottom: 38px; position: relative;}
.crz{ color: #fafafa; font-size: 26px; padding-left: 120px; line-height: 60px;}
.teacher-name{ color: #606060; font-size: 16px; line-height: 1.8; padding-left: 120px; padding-top: 35px;}
.touxiang{ width: 72px; height: 72px; border-radius:50%; background: #fff;
    position: absolute; left: 25px; top:25px; box-shadow: 2px 2px 0 #a4a6a9; overflow: hidden;}
.touxiang img{ width: 100%;}
.develop-step{ width: 899px; height: 343px; margin: 0 auto; background: url("../images/develop-step.jpg") left top no-repeat;}
.develop-step-t{ width: 1100px; margin: 20px auto 0; padding-bottom:100px;}
.develop-step-t li{ width:366px;
    float:left; color: #777; text-align: center; height: 200px; line-height: 1.5;}
.med-item1{ width: 1110px; margin: 0 auto;}
.med-initem1{ width: 555px; float: left;}
.med-initem1-text{ text-align: justify;}
.brand-dingwei{ margin: 0 auto; width: 1200px; padding-bottom: 150px;}
.brand-dingwei li{ width: 274px;  height:370px;margin-right: 33px; background: #4b6daa; float: left; box-shadow: 5px 5px 5px #d9d9d9;}
.brand-dingwei-tit{ height: 80px; line-height: 80px; border-bottom: 1px solid rgba(255, 255, 255, 0.2); font-size: 22px; color:#fff; text-align: center;}
.brand-dingwei-cont{ color: #fff; font-size: 20px; text-align: center; padding-top: 45px; height: 240px;}
.blue-map{  background: #2222e5; padding-top: 50px; padding-bottom: 70px;}
.nice-map-area{ width: 1120px; margin: 0 auto;}
.nice-map-l{ width: 819px; height: 709px; float: left;}
.nice-map-r{ float: right; width: 235px;  height: 300px; background:url(../images/net-work.jpg) left top no-repeat; color: #c7e6f0; padding-left: 65px; padding-top: 14px; margin-top: 300px;}
.map-r-bold{ font-size: 20px; font-weight: bold; margin-bottom: 10px;}
.nice-map-r p{ color:#c7e6f0; font-size:14px; margin-bottom: 5px;}
.blue-pic-box{ width: 1200px; margin: 50px auto 0;}
.blue-pic-box li{ width: 114px; height: 72px; margin-right: 20px; float: left;}
.two-nice-teacher{ width:1200px; margin: 0 auto; padding-bottom: 50px;}
.two-nice-teacher li{ width: 230px; height: 330px; float: left; margin-right: 11px;}
.t-teacher-text{ text-align: center;}
.t-teacher-textt{ font-size: 16px; color: #5a5a5a; font-weight: bold; height: 30px; line-height: 30px;}
.t-teacher-textf{ color:#777777;}
.enterprise-teacher{ width: 1040px; margin: 0 auto; padding-bottom: 50px;}
.enterprise-teacher li{ float: left; width: 212px; margin-left: -48px;}
.enterprise-teacher-tb{ margin-top: 18px; text-align:center;}
.enterprise-teacher-t{ font-weight: bold; font-size: 16px; margin-bottom: 2px;}
.enterprise-teacher-b{ color: #777; font-size: 14px;}
.top96{ margin-top:94px;}
.three-mokuai{ width: 925px; margin: 0 auto; height: 500px;}
.mokuai{ padding-top: 100px;}
.mokuai-pic{ width: 100%;}
.three-mokuai li{ width: 243px; height: 384px; float: left; background: url(../images/module-bg.jpg) left top no-repeat; margin-right: 95px;}
.mokuai-cot{ border-bottom: 2px solid #d6dde4; color: #ffffff; font-size: 16px; width: 200px; margin: 0 auto; height: 55px; line-height: 55px; text-align: center;}
.mokuai-cob{ margin-top: 30px; color: #fff; text-align: center; line-height: 2;}
.shixun-area{ width: 1200px; height: 749px; margin: 0 auto; background: url(../images/shixun-bg.jpg) left top no-repeat; position: relative;}
.shixun-a{ position: absolute;}
.shixun-a-t{ color: #5a5a5a; font-size: 16px; font-weight: bold; line-height: 1.5; text-transform: uppercase;}
.shixun-a-b{ color:#777; font-size:14px; line-height: 1.6;}
.shixun-b{ font-size: 20px;
    position: absolute; font-weight: bold; color: #5a5a5a; text-align: center;}
.moni-intro{ color: #777777; text-align: center; line-height: 2; margin-top: 50px; margin-bottom: 100px;}

/*轮播*/
.flexbox{ width:100%;position:relative;}
.flexbox-in{ position:absolute; width:100%; left:0px; top:0px;}
.flexbox-in img{ position:absolute; width:100%; left:0px; top:0px; display:none; opacity:0;}
.flexbox-lrbtn{display: inline-block; background-color:rgba(255, 255, 255, 0.2); box-shadow:0px 5px 20px 0 rgba(0, 0, 0, 0.3);width:48px; height:48px; border-radius:50%;text-align:center;line-height: 48px;font-size:24px; color:#fff;position:absolute; top:50%; margin-top:-40px;z-index:11;}
.flexbox-leftBtn{left:12%;}
.flexbox-leftBtn.current{}
.flexbox-rightBtn{right:12%;}
.flexbox-rightBtn.current{}
.flexbox-btn{ text-align:center; position:absolute; z-index:20;bottom:15px; left:0px; width:100%;height:20px;}
.flexbox-btn span{ display:inline-block; width:15px; height:15px;border-radius:50%; margin-right:15px; border:1px solid #fff; cursor:pointer;}
.flexbox-btn .active{ background: #fff;}
.to-top{
  position:fixed;
  right:30px;
  bottom: 120px;
  cursor: pointer;
  z-index: 1000;
  border: 2px solid #fff;
  border-radius: 50px;
  box-shadow: 0px 5px 20px 0 rgba(0, 0, 0, 0.2);width: 48px;;height:48px; background:url(../images/float-dialog-icon.png) center center no-repeat; background-size
  :32px;}
@keyframes slideRight {
  from {transform: translateX(500px); opacity: 0;}
  to {background-color: translateX(0);opacity:1;}
}
.slide-right{
  animation:slideRight 1s; 
}
@keyframes slideLeft {
  from {transform: translateX(-500px); opacity: 0;}
  to {background-color: translateX(0);opacity:1;}
}
.slide-left{
  animation:slideLeft 1s;
}