@charset "utf-8";
/* CSS Document */
html,body {	position: relative;	height: 100%;}
*{ margin: 0; padding: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -webkit-tap-highlight-color: transparent;}
body {width: 100%; max-width: 640px; min-width: 320px; margin: 0 auto; font-family: "microsoft YaHei", "Helvetica Neue", Helvetica, STHeiTi, sans-serif;  color: #333; background: #fff;}
table {border-collapse: collapse;border-spacing: 0;}
fieldset, img {border: 0; vertical-align:top; max-width: 100%;}
input,button,textarea,select{ outline: none;}
address, caption, cite, code, dfn, em, strong, th, var {font-style: normal;}
ul, ol, li { list-style: none; margin: 0; padding: 0; }
caption, th {text-align: left}
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-weight: normal; }
q:before, q:after {content:''}
abbr, acronym {border: 0}
a { text-decoration: none; color: #333;}
a:link { text-decoration: none;}
a:hover { text-decoration: none; color: #333;}
a:active { text-decoration: none;}

.width{ width: 90%; clear: both; margin: 0 auto;}
.swiper-container {  width: 100%;  height: 100%;}

/********** 预加载 **********/
#loading-mask{background: linear-gradient(-45deg,#bdc3c7,#2c3e50);height:100%;opacity:1;bottom:0;left:0;position:fixed;right:0;top:0;text-align:center;width:100%;z-index:999999999}
.loader{width:49px;height:96px;margin:0 auto 70px;position:relative;top:40%;transform-style:preserve-3d;-webkit-animation:2.3s loading-2 infinite;animation:2.3s loading-2 infinite}
.loader .loader-inner{width:15px;height:10px;background:#fff;position:absolute;top:50%;left:50%;-webkit-animation:loading-1 3.45s infinite cubic-bezier(.53,.68,.53,.41);animation:loading-1 3.45s infinite cubic-bezier(.53,.68,.53,.41)}
.loader .loader-inner:nth-of-type(2){margin-top:12px;animation-delay:.12s}
.loader .loader-inner:nth-of-type(3){margin-top:23px;animation-delay:.23s}
.loader .loader-inner:nth-of-type(4){margin-top:35px;animation-delay:.35s}
.loader .loader-inner:nth-of-type(5){margin-top:47px;animation-delay:.46s}
@keyframes loading-1{
  0%,100%{transform:translateX(-24px) scaleX(.5);background:#fff}
  25%,75%{transform:translateX(0) scaleY(1) scaleX(5) rotateY(180deg);background:#fff}
  50%{transform:translateX(24px) scaleX(.5);background:#fff}
}
@keyframes loading-2{
  0%,100%{transform:rotateY(0)}
  50%{transform:rotateY(360deg)}
}


/********** logo **********/
.logo,.banner{ width: 100%; overflow: hidden;}
.logo a{ display: block; width: 100%; height: 100%; font-size: initial; text-align: center; padding: 0.3rem 0.3rem;}
.logo img{ max-width: 50%;}
.banner img{ width: 100%;}
/********** banner **********/

/********** 课程 **********/
.kc{ padding: 0.6rem 0;}
.kc .hd{display: flex; justify-content: space-between;  position:relative;  }
.kc .hd h2{ font-size: 0.34rem; display: flex; justify-content: flex-start; align-items: center; }
.kc .hd h2 img{display: inline-block; width: 0.35rem; margin-right: 0.12rem;}
.kc .hd h2 span{ color: #d60919;}
.kc .hd ul{ display: flex; justify-content: flex-end;  }
.kc .hd ul li{ font-size: 0.22rem; line-height: 0.5rem; background: #f3f3f3; padding:0 0.15rem; color:#333; text-align: center; border-radius: 6px; margin-left: 0.22rem; }
.kc .hd ul li.on{ color:#d60919; }
.kc .bd{ margin-top: 0.5rem !important; }
.kc .bd li{ float: left; margin: 0 3% 0.33rem; line-height:0.8rem; font-size: 0.3rem; text-align: center; width: 44%; border: 1px solid #cfcfcf; border-radius: 0.1rem;  }
.kc .bd li a{ display: inline-block; width: 100%; height: 100%;}
.kc .bd li a:hover{ color: #d60919; }
/********** 系统 **********/
.xtbg{ width: 100%; padding: 0.6rem 0; background: #f6f6f6;}
.xt{position: relative; height: 4.1rem;}
.xt-l{ position: absolute; left: 0; top: 0; color: #333;}
.xt-l h2{ font-size: 0.32rem; line-height: 0.4rem; font-weight: bold; margin-bottom: 0.1rem; letter-spacing: 2px;}
.xt-l p{font-size: 0.16rem; line-height: 0.3rem;}
.xt-r{width: 4.8rem; position: absolute; right: 0; bottom: 0;}
/********** 视频 **********/
.videobg{ width: 100%; padding: 0.6rem 0; background: url(../images/video.jpg) no-repeat center; background-size: 100% 100%;}
.video{ width: 90%; height: 100%; display: flex; justify-content: center; align-items: center;}
.video video{ width: 100%; border-radius: 12px; display: block;}

/********** 荣誉 **********/
.ry{ padding: 0.6rem 0; text-align: center; }
.ry h2{ font-size: 0.38rem; line-height: 0.6rem; letter-spacing: 2px; font-weight: bold;}
.ry h2 span{ color: #d60919;}
.ry h3{font-size: 0.24rem; line-height: 0.5rem; color: #666; margin-top: 0.15rem;}
.ry .swiper-container{ margin-top: 0.5rem;}
.ry .swiper-slide{  display: flex;  justify-content: center;  align-items: enter;  width: 40%;  flex-direction: column;  margin-left: 0.3rem;}
.ry .swiper-slide p{font-size: 0.21rem; line-height: 0.3rem; margin-top: 0.2rem; color: #040000;}

/********** 底部 **********/
.footer{ background: #646464; padding: 0.3rem 0 1.5rem; text-align: center; }
.footer p{ font-size: 0.18rem; line-height: 0.28rem; color: #fff; }
.footer p a{ color: #fff;}
.footer p a:hover{ color: #d60919;}
.nav{ width: 100%; background: #fff; position: fixed; bottom: 0; left: 0; right: 0; z-index: 999; box-shadow: 0 0 0.1rem #ccc; }
.nav .width{ width: 96%;}
.nav ul{display: flex; justify-content: space-around;}
.nav ul li{ width: 23%; display: flex; justify-content: center; flex-direction: column; align-items: center; text-align: center; position: relative; padding: 0.15rem 0;}
.nav ul li:nth-child(1):before{content: ""; display: inline-block; width: 100%; height: 0.16rem; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHIAAAAZCAYAAADt7nrkAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABIJJREFUeNrs2X9ME1ccAPB71/bgWijCAIvFARGH0KAQNOlMlAQ1KpHIH8iM2f6bMUEW/WtZAgtZhPiHm8GoZIn7a1tchvwBwagLoQkQhWQwky2URSHoQIbQ8aPQFu7o3d4RJOVy7+7d0SqtfcnlvWu5wN2H7/d93ztQQNNEBDag8D0faTesj0AogHk9H0nQ+jCFAxpgeZlr+HCPYH2Y4EmNgUZYKRheNJaLWD4KqQ1Pba8WksfoUbB8FFIaUKoHEudaAdWCiscoVP59h5SDAwqgWlIqboqVAhSfb6kI1W8BQDlEEIIolCt4AAao1AEQ0R2xkLhouBG4WUjcShcXlH9XoIDnQ/+7Co1GqQgkVSJuGO8/fNhwuaHho9QdO3JjjcZMiqIydHq9FQBgASSZAHsT/DHDWk/A+/TAjoX9Is9xM7Cf9q+sTDAM83LJ630xNTEx1FhT86y/u5vFmEPVHMRTr5cPa0gRYCAkiRiLsdevvXLnznb7kSPFcWaz3UBRByDaHgEqyH8yC3H/Zhmmf9Ht7u3r7Oz6+vz51whUMSyHGBNvAzQkkDKAOIjr/d3Hj/M/zM4uj6XpYxAuP0RpVLYYgrB/Lfl8Hf+MjLSdO3jwT4WUi8IMOWjQIAPwUEUMiQDdANjY0pK+/9ChT2mT6QxJkru20iKX47gRn8dzr7+n5+fLFRXjCFBOIr1yiGVN0FA3BSmBp7aQWb0mPiGBvPvkScl2q/UCTJtH15C3cuNWWLZzcnz8exiljoX5eU7r/BksVNWQMniqq1HLzp26n7q6ziQmJ1+CqTOPCMMGU69z1uW68Vlx8b3JsTG/BlAiGKiykCI0JTy5NEqII7BlYKA82WL5CqbPHCICGky7z1yTk1criopaJSKUQKRa1C6S5NJFDhcU0DTuKyGlORBrHfhLb2/BbpvtGozAA0QENhihvw87nV+etdufaliHEgprUSSk1FqODDjE58KhE40DD/G168fFurqEXpfruz379jkiFVFowr3l7N3bCe/1unDPCs8X9fx0Es8dyD1fISL1GFGoZTN7dXzf6TyekpZ2Vm8w2GEaTSPeowanrVnO7x+GRdG3p/LyflPYYCAw5k5kdAqQFEYaVZobN3y+KzdX19TeXvZBauoX8D+0iIg2IeUO/Dc1dbOqrKx9ZGjIL4OjFpF/A0kj9izVvNhdPa9rakopKS//JM5s/hxGX2aUT7IoerHodv/gaG399ZuqqmlC+Q2M0jy5DhmHUeggz09UVsZeqq8vSUpJqaRiYk7Cj2KiXFhtmVlefjgzPd18o7bW8ai5eUkOSqngESDjZbAkIWtv3UouLi0tMScmHoML+BMAgPioy6bm0gWWYR65Z2c7uh48cNRXV7twKtXA7wRIsxLi7ba2jGybrdC8bdvHEM6+tu9JRglCk32F/V0I2+eem+sbHhz84+Lp0y+VMMGPjY0Z1qwsoyU9PQku1JNokykthqatFEVlwUpzN6nT2aIR9+4jFla/gyss+5xhmNFln++Vz+P5d2F+fgZWxDOvRke9/wswAPWWNCe8z8j3AAAAAElFTkSuQmCC) no-repeat center top; background-size: 100% 100%; margin-top: -0.31rem; }
.nav ul li a{display: flex; flex-direction: column; align-items: center; font-size: initial;}
.nav ul li span{display: flex; justify-content: center; align-items: center; text-align: center; width: 0.6rem; height: 0.6rem; line-height: 0.6rem; border-radius: 100%; font-size: 0.45rem; color: #666;}
.nav ul li h2{ font-size: 0.22rem; line-height: 0.4rem; color: #666;}
.nav ul li:nth-child(1) a{ margin-top: 0.2rem;}
.nav ul li:nth-child(1) span{ font-size: 0.4rem;}
.nav ul li a:hover span,.nav ul li.on span{ background: linear-gradient(to right,#f98469,#d72836); color: #fff;}
.nav ul li a:hover h2,.nav ul li.on h2{ color: #d60919;}

/********** 加入我们 **********/
.lx{ padding: 0.3rem 0 0.6rem;}
.lx h1{ width: 100%; background: #fee7e7; font-size: 0.14rem;}
.lx h1 img{ display: inline-block; width: 2.1rem;}
.lx ul{ margin-top: 0.2rem;}
.lx ul li{ margin-bottom: 0.38rem; padding-bottom: 0.1rem; overflow: hidden; position: relative; }
.lxbg{ width: 100%; height: 100%; background: #fee7e7; position: absolute; left: 0.2rem; bottom: 0.2rem; z-index: -1;}
.lxnr{ margin: 0.14rem 0.14rem 0 0.06rem; background: #fff; padding: 0.12rem 0.12rem 0 0; box-shadow: -3px 3px 5px #e6e6e6;}
.lxnr h2{ overflow: hidden; display: flex; justify-content: flex-start; align-items: flex-end; }
.lxnr h2 a{ font-weight: bold; font-size: 0.26rem; line-height: 0.48rem; color: #fff; background: #f24d49; letter-spacing: 2px; padding: 0 0.15rem; }
.lxnr h2 span{ width: 0.12rem; height: 0.28rem; background: #fee7e7; }
.lxnr-t{ margin-top: 0.08rem; padding: 0 0.25rem 0.25rem; color: #333; letter-spacing: 2px; border-top: 4px solid #ebebeb;}
.lxnr-t h3{ font-size: 0.25rem; line-height: 0.4rem; margin: 0.25rem 0 0.1rem; font-weight: bold; }
.lxnr-t p{ font-size: 0.22rem; line-height: 0.36rem; text-align: justify;}

/********** 公司简介-简介 **********/
.gsjj-com{ width: 100%; padding: 0.6rem 0;}
.gsjj-t{ text-align: center;}
.gsjj-t h2{ font-size: 0.3rem; line-height: 0.32rem; display: flex; justify-content: center; align-items: flex-end;}
.gsjj-t h2 i{ display: inline-block; width: 5px; height: 0.28rem; background: #d60919; margin-right: 0.15rem;}
.gsjj-t h2 span{ font-size: 0.24rem; color: #888; display: inline-block; margin-left: 0.1rem; text-transform: capitalize;}

.gsjj-jjbg{width: 100%; box-shadow: 0 2px 15px #ccc;}
.gsjj-jj{ margin-top: 0.4rem;}
.gsjj-jj p{ font-size: 0.24rem; line-height: 0.48rem; color: #565656; text-indent: 2em; text-align: justify;}
/********** 公司简介-业务 **********/
.gsjj-yw ul li{ margin-top: 0.5rem; padding: 0 0.15rem; }
.gsjj-yw ul li img{display: block; width: 100%;}
.gsjj-yw ul li h2{ margin-top: 0.2rem; font-size: 0.32rem; line-height: 0.5rem;}
.gsjj-yw ul li h3{ margin-top: 0.2rem; width: 1.04rem; height: 0.08rem; background: #d60919;}
.gsjj-yw ul li p{ margin-top: 0.24rem; font-size: 0.25rem; line-height: 0.44rem; color: #666; text-align: justify;}
/********** 公司简介-架构 **********/
.gsjj-jgbg{ background: #f8f8f8;}
.gsjj-jg ul{ margin-top: 0.4rem; display: flex; justify-content: space-between; flex-wrap: wrap; }
.gsjj-jg ul li{ width: 48%; margin-bottom: 0.24rem; position: relative;}
.gsjj-jg ul li img{ display: inline-block; width: 100%;}
.gsjj-jg ul li h2{ position: absolute; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, .66); color: #fff; line-height: 0.4rem; font-size: 0.24rem; letter-spacing: 1px; text-align: center; }

/********** 公司简介-历程 **********/
.gsjj-lcbg{ width: 100%; background: url(../images/gsjj-lc1.jpg) no-repeat center bottom; background-size: 100% auto;}
.gsjj-lc{ margin-top: 0.7rem; text-align: center;}

/********** 公司简介-特色 **********/
.gsjj-tsbg{ background: #f8f8f8;}
.gsjj-ts .swiper-container{ margin-top: 0.5rem; padding: 0.2rem 0.1rem;}
.gsjj-ts .swiper-slide{  display: flex;  align-items: center;  width: 2.27rem; height: auto;  flex-direction: column;  margin-left: 0.3rem;background: #ffffff; box-shadow: 0 4px 6px #d8d8d8; padding: 0.38rem 0.18rem 0.3rem;  border-radius: 0.1rem; text-align: center;}
.gsjj-ts .swiper-slide h3{ height: 0.64rem;}
.gsjj-ts .swiper-slide h3 img{ display: inline-block; width: 0.64rem;}
.gsjj-ts .swiper-slide h2{ font-size: 0.22rem; font-weight: bold; line-height: 0.42rem; color: #d60919; margin-top: 0.2rem; }
.gsjj-ts .swiper-slide h4{width: 39px; height: 3px; border-radius: 1px; background: #d60919; margin-top: 0.1rem;}
.gsjj-ts .swiper-slide p{font-size: 0.18rem; line-height: 0.32rem; margin-top: 0.2rem; text-align: justify;}

/********** 公司简介-理念 **********/
.gsjj-ln{ margin-top: 0.4rem;}
.gsjj-ln img{ display: block; width: 100%; margin-bottom: 0.26rem;}
.gsjj-ln p{ font-size: 0.22rem; line-height: 0.42rem; text-indent: 2em; text-align: justify;}