﻿*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; outline: none;}
body{color:#333;min-width:1200px;font-family:'PingFang SC',"Microsoft Yahei",'Helvetica Neue',"Hiragino Sans GB",Lucida,Verdana,SimSun,'Helvetica','STHeitiSC-Light','Arial',sans-serif;font-size:14px;font-weight:400;line-height:1.428571429;color:#333;background-color:#fff;-webkit-font-smoothing:antialiased;word-wrap:break-word}
a{color:#333;text-decoration:none;cursor:pointer}
.wrap{width:1200px;margin:0 auto}
.fl{float:left}
.fr{float:right}
.clearfix:after{content:'';display:block;clear:both;height:0;visibility:hidden}
.clearfix:after{clear:both}
.full{width:100%}
.text-left{text-align: left!important;}
.text-center{text-align: center;}
.none{display: none;}
.img-center{display:block; margin:0 auto;}
.bold{font-weight:bold}
.indent{text-indent: 2em}
.flex{display:flex;display:-webkit-flex;}
.flex-wrap{flex-wrap:wrap;}
.flex-center{justify-content:center;-webkit-justify-content:center;align-items: center; -webkit-align-items: center; }
.just-center{justify-content:center;-webkit-justify-content:center; }
.just-between{justify-content: space-between; -webkit-justify-content:space-between;}
.align-item-center{align-items: center; -webkit-align-items: center;}
.border-top{border-top:1px solid #dad9d9;}
.hidden{display:none;}
.banner{position: fixed; top:70px; min-height:500px;}
.swiper-container{width:100%; height:100%;}
.swiperBg{width:100%; height:100%; background-repeat:no-repeat; background-position:center; background-size:cover;}
.bodyBox{background:#fff; position: relative;}
.section{padding:80px 0 50px;}
.s-content{margin-top:60px;padding:0 20px;}
.title{font-size:40px;text-align:center;margin-bottom:40px;}
.subtitle{font-size:24px;color:#666;text-align:center;margin-bottom:10px; padding:0 100px;}
.paragraph{font-size:20px; text-indent: 2em; line-height: 36px; margin-bottom:40px; color:#747474;}
.paragraph.noMargin{margin:0;}
/*=====登录=====*/
.login-content{display:none; width:360px; padding:20px; border-radius:10px; box-shadow: rgba(145, 46, 46, 0.7) 0px 4px 12px 0px; font-size:14px; background:#fff; position: fixed; left:0; right:0; margin:0 auto;  top:22%; z-index:999; }
.login-top{margin-bottom:30px;}
.login-top a{color:#333; font-size:18px; display:inline-block; width:49%; line-height:30px; text-align:center;}
.login-top a:first-child{ border-right:1px solid #c8c8c8;}
.login-top a.active{color:#67bcf0;}
.login-close{display:block;width:30px; height:30px; text-align: center; line-height:30px; font-size:26px; color:#C0C0C0; position:absolute; top:0; right:0px; cursor: pointer;}
.login_cms{display:none;}
.form-group{width:100%; margin-bottom:20px;}
.input-group{padding-left:50px;height:50px; background:#f0f0f0;  border-radius:5px; position:relative;}
.icon{width:50px; height:50px; position:absolute; left:0; top:0;  background:#67bcf0; float:left; border-radius:5px 0 0 5px; background-repeat: no-repeat;background-position:center; background-size:30px 30px;}
.userIcon{background-image:url(../Images/login_icon_name.png);}
.pwdIcon{background-image:url(../Images/login_icon_password.png);}
.input-group span{display:inline-block; width:50px; color:#a0a0a0;}
.input-group input[type="text"],input[type="password"]{height:50px; width:100%; padding:0 15px; display:inline-block; outline: none; background:transparent; color:#333;}
.submit{border:0; outline:none; transition: background 0.5s; -webkit-transition: background 0.5s; width:100%; height:50px; cursor: pointer; background:#67bcf0; color:#fff; border-radius:5px; line-height:50px;}
.submit:hover{background:#52689f;}
.eye{display:inline-block; width:20px; height:20px; background:url(../Images/eye.png)no-repeat; background-size:20px 40px; background-position:0 0; cursor: pointer; position:absolute; top:15px; right:10px;}
.eye_close{ background-position:0 -20px;}
.closeBtn{position:absolute; right:5px; top:0; font-size:30px; cursor:pointer;}
.closeBtn:hover{opacity:0.7;}
/*=====nav=====*/
.navbar-box{height:70px;position: fixed; top:0; left:0; right:0; z-index:999;}
.navbar-wrap{width:100%;height:70px;left:0;top:0; background:#fff; border-bottom:1px solid #ddd;z-index:999;transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-webkit-transition: all .5s ease-in-out;}
.navbar{position:relative;margin:0 auto;width:1200px;min-width:1200px;height:100%}
.navbar-logo{float:left;padding-top:8px}
.navbar-logo img{height:55px; margin-right:5px;}
.navbar-logo .logoText{margin-top:5px; font-size:16px;}
.navbar-main{float:left;padding:24px 0 0 30px}
.navbar-main li{position:relative;float:left;margin-right:30px}
.navbar-main li a{display:inline-block;font-size:16px; position: relative;}
.navbar-main li:hover a,.navbar-main li.active a{color:#05a6e6}
.navbar-apply{float:right;padding-top:24px;font-size:0}
.navbar-apply>div{display:inline-block;font-size:16px}
.navbar-user-order a{padding:8px 22px;font-size:16px;color:#fff;-moz-border-radius:26px;-webkit-border-radius:26px;border-radius:26px;background-color:#05a6e6;cursor:pointer}
.navbar-login{float:right; color:#05a6e6; font-size:16px; margin:24px 20px 0 0; cursor: pointer;}
/*=====footer=====*/
.footer{ background:#273141;color:#999;font-size:14px;}
.footer .m1{padding:35px 100px;}
.footer .m1 .f1 p{margin-bottom:5px;}
.footer .m1 .tel_big{color:#05a6e6; font-size:24px;}
.code{background:#fff; float:left; margin:10px 20px 0 0;}
.code .f-img{width:130px; height:130px; margin:5px;}
.code p{text-align: center; color:#05a6e6; margin-bottom:10px;}
.contact{padding:10px 15px 40px; font-size:16px;}
.us a{color:#fff; cursor: pointer;}
.bottom{background:#1f2633; padding:20px 0; color:#999; text-align: center; }
.color-white{color:#fff;}
.goTop{width:50px; height:50px; display:none; background:#fff url(../images/icon_top.png)no-repeat center; background-size:20px; border-radius:50%; border:1px solid #ddd; position: fixed; right:30px; top:50%; }
/* ======================首页====================== */
.textOnImg .item{ position: relative; margin:10px 10px; overflow: hidden;}
.textOnImg .item img{display:block;}
.hover_show{width:100%;height:100%; padding:10px; color:#333;opacity:0;position:absolute;left:0;top:0;background:rgba(255,255,255,0.8);border-radius:15px;transition:all 0.2s}
.hover_show .text{transform:translateY(280px);transition:all 0.3s;text-align:center}
.textOnImg .item:hover .hover_show{opacity:1}
.textOnImg .item:hover .text{transform:translateY(0)}
.five .full-content{margin-top:60px; height:600px; background:url(../Images/web_index/index_m2_bg.png)no-repeat center center; background-size:auto 600px;}
.solustion-container{position: relative;}
.solustion-container .item{ height:600px; padding-top:150px;}
.solustion-container .item .left, .solustion-container .item .right{width:600px; float:left;}
.solustion-container .item .left{text-align: center;}
.solustion-container .item .left .text{width:260px; margin:40px 0 0 220px;}
.solustion-container .item .left .text li{float: left; width:130px; text-align: left; list-style:disc;}
.solustion-container .item .right{color:#fff; font-size:22px; padding:65px;}
.solustion-container .item .right p{margin-bottom:5px;}
.tab_number{position: absolute; bottom:90px; left:650px;}
.tab_number span{width:26px; height:26px; line-height:23px; margin-right:15px; color:#fff; display: block; float:left; border:2px solid #fff; border-radius:32px; text-align: center; cursor: pointer;}
.tab_number span.active{background:#fff; color:#333;}
.advantage .m1{padding:0 140px; flex-wrap: wrap;}
.advantage .m1 .item{text-align: center; width:240px; margin-bottom:80px;}
.advantage .m1 .item:hover img{animation: rotateIn 0.5s both;}
.advantage .m1 .item .text1{font-size:18px; color:#333; font-weight:700; margin-top:30px;}
.advantage .m1 .item .text2{font-size:16px; color:#868686; margin-top:5px;}
.tab_title{border-bottom:1px solid #e0e0e0; width:800px; margin:0 auto; padding:0 24px;}
.tab_title span{display: block; float:left; width:140px; height:60px; line-height:60px;text-align: center;font-size:18px; margin:0 24px;cursor: pointer;}
.tab_title span.active{color:#05a6e6; border-bottom:4px solid #05a6e6;}
.technology .tabContent{padding:60px 80px 0;}
.technology .tabContent .t1{width:410px; flex:0 0 410px; flex-wrap:wrap;}
.iconText{width:160px; text-align: center; margin-bottom:40px;}
.iconText img{width:64px; height:64px; margin-bottom:15px;}
.technology .tabContent .item>.flex{display:-webkit-flex;flex-wrap:wrap;align-items: center; -webkit-align-items: center;justify-content: space-between; -webkit-justify-content:space-between;}
.technology .tabContent .item>.flex>div{padding:20px 0;}
.technology .tabContent .t2{width:430px; flex:0 0 430px; margin-left:160px; text-align: center;}
.technology .tabContent .t2 .text1{font-size:28px; font-weight:700; margin-bottom:40px;}
.technology .tabContent .t2 .text2{font-size:16px; color:#737373; margin-bottom:60px; padding:0 30px;}
.technology .tabContent .t3 .text1{width:360px; text-align: center; font-size:28px; font-weight:700;}
.technology .tabContent .t4{width:640px; text-align: center;}
.brand{background:#06aff1;}
.brand .m1 .item{width:570px; background:#fcfcfc; padding:25px; border-radius:10px; margin-bottom:20px;}
.brand .m1 .item:hover{animation: pulse 0.5s both;}
.brand .m1 .item .right{margin-left:30px;}
.brand .m1 .item .right .text1{font-size:26px; color:#333; margin:10px 0 15px;}
.brand .m1 .item .right .text2{color:#737373; margin-bottom:5px;}
.school .m1 {padding:0 80px;}
.school .m1 .item{margin-bottom:80px;}
.school .m1 .item:last-child{margin-bottom:0}
.school .m1 .text{width:420px; flex:0 0 420px; text-align: left;}
.school .m1 .text1 {font-size: 28px;font-weight: 700;margin-bottom: 40px;}
.school .m1 .text2{font-size:16px; color:#737373; margin-bottom:5px; padding:0 30px;}
/*circle*/
.circle{background:#01aebe;}
.circleBox{position: relative;}
.la-ball-scale-multiple{margin:0 auto;}
.circleText{font-size:20px; font-weight:bold; text-align: center; position:absolute;  left:0; right:0; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.circleText1{color:#fff; top:5%;}
.circleText2{color:#fff; top:15%;}
.circleText3{color:#05a6e6; top:25%;}
.circleText4{color:#05a6e6; top:35%;}
.circleText5{color:#05a6e6; top:50%; font-size:28px;}
.circleText6{color:#05a6e6; top:65%;}
.circleText7{color:#05a6e6; top:75%;}
.circleText8{color:#fff; top:85%;}
.circleText9{color:#fff; top:95%;}
/* ======================精品課程====================== */
.couseBanner{height:500px;}
.bodyBox_course,.bodyBox_aboutUs{top:570px;}
.enlightenment .m1 .item{width:260px; height:310px;border-radius:10px; color:#fff; padding:40px 20px; text-align: center;transition: all 0.2s; -webkit-transition: all 0.2s;}
.enlightenment .m1 .item .text1{font-size:22px;}
.enlightenment .m1 .item .text2{margin-top:30px;}
.bg_purple{background:#845893;}
.bg_orange{background:#f07237;}
.bg_blue{background:#50659a;}
.bg_green{background:#509a78;}
.steam{margin-top:60px;}
.mb-50{margin-bottom:50px;}
.enlightenment .m4 .right{padding:0 20px;}
.enlightenment .m4 .right .item{margin:0 20px;}
.English .m1 .rightText{margin-left:50px; font-size:18px; color:#747474; line-height:30px;}
.English .m2 .process{position: relative;}
.English .m2 .process .text{width:500px; height:260px; background: rgba(17, 183, 247, 0.9); position: absolute; padding:45px 30px; color:#fff;transition: all 0.2s; -webkit-transition: all 0.2s;}
.English .m2 .process .text:hover,.thought .m2 .advantages .item:hover,.thought .m3 .item:hover,.enlightenment .m1 .item:hover{box-shadow:0 15px 45px 0 rgba(29,29,29,0.1); -webkit-box-shadow:0 15px 45px 0 rgba(29,29,29,0.1); transform: translate(0,-5px); -webkit-transform: translate(0,-5px);}
.English .m2 .process1 .text{top:205px; right:0;}
.English .m2 .process2 .text{top:122px; left:0;}
.English .m2 .process .text .text1{font-size:34px; font-weight:700; margin-bottom:20px;}
.English .m2 .process .text .text2{font-size:18px; line-height:34px;}
.thought .m1 .hover_show_1{padding:50px 20px; border-radius:0; background: rgba(17, 183, 247, 0.9); color:#fff;}
.thought .m1 .hover_show_1 .text1{font-size:28px;}
.thought .m1 .hover_show_1 .text2{font-size:16px; margin-top:30px;}
.thought .m2,.art .m4{background:#f0f0f0;}
.thought .m2 .advantages{flex-wrap: wrap;}
.thought .m2 .advantages .item{width:370px; height:300px; margin-bottom:40px; background:#fff; text-align: center;transition: all 0.2s; -webkit-transition: all 0.2s;}
.thought .m2 .advantages .item img{width:100%;}
.thought .m2 .advantages .item .text1{font-size:22px; margin-top:12px;}
.thought .m2 .advantages .item .text2{font-size:16px; margin-top:5px; color:#9d9d9d;}
.thought .m3 .item{width:200px; height:200px; margin:20px; border-radius:50%; padding:50px 10px 0; color:#fff; text-align: center;transition: all 0.2s; -webkit-transition: all 0.2s;}
.thought .m3 .item .text1{font-size:28px; font-weight:700; margin-bottom:10px;}
.color_rose{color:#d3418d;}
.color_orange{color:#f08a1a;}
/* ======================关于我们====================== */
.color_blue{color:#006599;}
.color_green{color:#5fb337;}
.color_darkGreen{color:#54c2c2;}
.color_red{color:#cd553d;}
.color_white{color:#fff;}
.bodyBox_aboutUs .production{padding:0 100px;}
.bodyBox_aboutUs .production img{transition: all 0.2s; -webkit-transition: all 0.2s;}
.bodyBox_aboutUs .production img:hover{background:#f0f0f0;box-shadow:2px 2px 10px 2px rgba(29,29,29,0.2); -webkit-box-shadow:2px 2px 10px 2px rgba(29,29,29,0.2);}
.bodyBox_aboutUs .milestone,.bodyBox_aboutUs .team{padding:0 50px;}
.bodyBox_aboutUs .milestone .item{width:280px; height:280px; border-radius:100%; color:#fff; overflow: hidden; text-align: center; }
.bodyBox_aboutUs .milestone .item .text1{height:55px; line-height:55px; font-size: 28px;font-weight: 700; margin:40px auto 30px; background:rgba(255, 255, 255, 0.2)}
.bodyBox_aboutUs .milestone .item .text2{font-size:16px; line-height:30px; padding:0 25px;}
.bodyBox_aboutUs .team .item img{margin-bottom:50px;}
.bodyBox_aboutUs .team .item .text1{font-size:24px; font-weight:700; margin-bottom:5px;}
.bodyBox_aboutUs .team .item .text2{font-size:18px;}
/* ======================申请体验====================== */
.bodyBox_experience{top:70px;}
.bodyBox_experience .apply{height:700px; background:url(../Images/index_bg_03.png)no-repeat center; background-size:auto 800px;}
.bodyBox_experience .form{width:740px; padding:50px; margin:0 auto; background:#fff; -webkit-box-shadow: 0 0 5px 3px hsla(0,0%,85.5%,.35);box-shadow: 0 0 5px 3px hsla(0,0%,85.5%,.35); border-radius:10px;}
.bodyBox_experience .form .item {font-size:14px; color:#05a6e6; margin-bottom:20px; line-height:30px;}
.bodyBox_experience .form .item span{color:red; margin-right:5px;}
.bodyBox_experience .form .item label{margin-right:10px;}
.bodyBox_experience .form .item input[type="text"]{height:30px; padding:0 10px; border-bottom:1px solid #dddbda;}
.bodyBox_experience .form .item select{min-width:180px; 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}