@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 { font: 12px/24px "Microsoft Yahei", "微软雅黑", sans-serif, Arial, Helvetica; color: #333; min-width: 1200px; background: #ffffff; letter-spacing: 1px; }
table {border-collapse: collapse;border-spacing: 0;}
fieldset, img {border: 0; vertical-align:top; max-width: 100%;}
input,button,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:afer {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: 1200px; margin: 0 auto; clear:both; }
/*********** 预加载 start ***********/
#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)}
}
/*********** 预加载 end ***********/

/*********** 头部 start ***********/
.logo{ padding: 18px 0 22px; display: flex; justify-content: space-between; align-items: center;}
.logo ul{ display: flex;}
.logo ul li{ padding-left: 30px;}
.logo ul li a{ font-size: 16px; color: #999; transition: all 0.2s; }
.logo ul li a:hover{ color: #d60919;}
/*********** 头部 end ***********/

/*********** banner start ***********/
.banner{ width: 100%; height: 702px; overflow: hidden; background: url(../images/banner.jpg) no-repeat center; background-size: 100% 100%;}
.banner-txt{ display: flex; align-items: flex-end; flex-direction: column; color: #d60919; margin-top: 100px;}
.banner-txt h2,.banner-txt p,.banner-txt h3{ width: 340px; text-align: left;}
.banner-txt h2{ font-size: 60px; line-height: 80px; font-weight: bold; letter-spacing: 8px; margin-bottom: 20px;}
.banner-txt p{ font-size: 28px; line-height: 44px; letter-spacing: 6px;}
.banner-txt h3{ margin-top: 20px; display: flex; justify-content: space-between; }
.banner-txt h3 a{ display: block; width: 160px; line-height: 50px; text-align: center; background: #fff; font-size: 20px; font-weight: bold; color: #000; border-radius: 5px; box-shadow: 0 2px 8px #aaa; transition: all 0.5s;}
.banner-txt h3 a:hover{ background: #d60919; color: #fff;}
/*********** banner end ***********/

/*********** 课程 start ***********/
.kc{ text-align: center; padding: 80px 0;}
.kc h2{font-size: 38px; color: #1c1c1c; line-height: 60px; font-weight: bold; letter-spacing: 2px;}
.kc-l{ width:360px; height: 300px; margin: 0 auto; margin-top: 50px; display: flex; justify-content: center; align-items: center;}
.kc-img{ cursor: pointer;}
.kc-f{ width: 100%; display: none; }
.kc-f .hd ul{ display: flex; justify-content: space-around;   }
.kc-f .hd ul li{ cursor:pointer; font-size: 22px; line-height: 50px; color: #666666; letter-spacing: 2px; }
.kc-f .hd ul li.on{ color: #d60919; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAACCAYAAABGz8w4AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAB1JREFUeNpiPKCmdpiBgcGGgbbgCBMDfQAjQIABAPpKAtQ2CSZYAAAAAElFTkSuQmCC) no-repeat center bottom; }
.kc-f .bd ul{ margin-top: 30px; display: flex; justify-content: space-between; flex-wrap: wrap; text-align: center;  }
.kc-f .bd li{ margin-bottom: 20px;}
.kc-f .bd li a{ display: block; width: 160px; border: 1px solid #cfcfcf; font-size: 15px; line-height: 38px; color: #333; letter-spacing: 2px; border-radius: 38px; transition: all 0.5s; }
.kc-f .bd li a:hover{ background: #d60919; border: 1px solid #d60919; color: #fff; }
/*********** 课程 end ***********/

/*********** 系统 start ***********/
.xtbg{ width: 100%; padding: 80px 0; background: #f5f5f5;}
.xt{position: relative; height: 640px;}
.xt-l{ position: absolute; left: 0; top: 0; color: #333333;}
.xt-l h2{ font-size: 50px; line-height: 70px; font-weight: bold; margin-bottom: 20px; letter-spacing: 2px;}
.xt-l p{font-size: 20px; letter-spacing: 2px; line-height: 40px;}
.xt-r{ position: absolute; right: 0; bottom: 0;}
/*********** 系统 end ***********/

/*********** 视频 start ***********/
.videobg{ width: 100%; height: 850px; background: url(../images/video.jpg) no-repeat center; background-size: 100% 100%;}
.videobg .width{ height: 100%;}
.video{ width: 100%; height: 100%; display: flex; justify-content: center; align-items: center;}
.video video{ width: 1120px; border-radius: 12px; display: block;}
/*********** 视频 end ***********/

/*********** 荣誉 start ***********/
.ry{ padding: 80px 0; text-align: center;}
.ry h2{ font-size: 38px; color: #1c1c1c; line-height: 60px; font-weight: bold; letter-spacing: 2px;}
.ry h3{ font-size: 22px; line-height: 50px; color: #666666; letter-spacing: 2px; margin-top: 20px;}
.ry ul{ display: flex; justify-content: space-around; align-items: center; margin-top: 50px;}
.ry ul li p{ margin-top: 20px; font-size: 20px; line-height: 30px; color: #040000;}
/*********** 荣誉 end ***********/

/*********** 底部 start ***********/
.footer{ background: #646464; padding: 30px 0; text-align: center;}
.footer p{ font-size: 16px; line-height: 30px; color: #fff; letter-spacing: 2px; }
.footer p a{ color: #fff;}
.footer p a:hover{ color: #d60919;}
/*********** 底部 end ***********/

/*********** list banner start ***********/
.list-banner{width: 100%; height: 330px; background-repeat: no-repeat; background-position: center center; background-size: 100% 100%;}
/*********** list banner end ***********/

/*********** 联系我们 start ***********/
.lx{ padding: 30px 0 100px;}
.lx h1{ width: 100%; background: #fee7e7;}
.lx ul{ margin-top: 18px;}
.lx ul li{ margin-bottom: 38px; padding-bottom: 10px; overflow: hidden; position: relative; }
.lxbg{ width: 100%; height: 100%; background: #fee7e7; position: absolute; left: 20px; bottom: 20px; z-index: -1;}
.lxnr{ margin: 14px 14px 0 6px; background: #fff; padding: 12px 12px 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: 26px; line-height: 48px; color: #fff; background: #f24d49; letter-spacing: 3px; padding: 0 15px; }
.lxnr h2 span{ width: 12px; height: 28px; background: #fee7e7; }
.lxnr-t{ margin-top: 8px; padding: 0 25px 25px; color: #333333; letter-spacing: 2px; border-top: 4px solid #ebebeb;}
.lxnr-t h3{ font-size: 22px; line-height: 30px; margin: 25px 0 10px; font-weight: bold;}
.lxnr-t p{ font-size: 20px; line-height: 45px; text-align: justify;}
/*********** 联系我们 end ***********/

/*********** 公司简介--banner start ***********/
.banner-jj a{ display: inline-block; width: 390px; height: 220px; margin: 65px 0 0 148px; }
/*********** 公司简介--banner end ***********/

/*********** 公司简介--简介 start ***********/
.gsjj-com{ padding: 80px 0; }
.gsjj-jjbg{ width: 100%; box-shadow: 0 2px 15px #ccc;}
.gsjj-t{ text-align: center; color: #202020;}
.gsjj-t h2{ font-size: 42px; line-height: 60px; font-weight: bold; letter-spacing: 5px;}
.gsjj-t h3{ font-size: 16px; line-height: 24px; letter-spacing: 2px; margin-top: 10px; text-transform: capitalize;}
.gsjj-jj{ margin-top: 30px;}
.gsjj-jj p{ font-size: 16px; line-height: 38px; text-align: justify; text-indent: 2em;}
/*********** 公司简介--简介 end ***********/

/*********** 公司简介--公司业务 start ***********/
.gsjj-yw{ margin-top: 30px;}
.gsjj-yw > p{ text-align: center; font-size: 13px; line-height: 24px; color: #555555; padding: 0 50px; }
.gsjj-yw ul{ margin-top: 30px; display: flex; justify-content: space-around;}
.gsjj-yw ul li{ width: 312px;}
.gsjj-yw ul li img{ border-radius: 10px; display: block; width: 100%;}
.gsjj-yw ul li h2{ margin-top: 25px; font-size: 18px; line-height: 30px; color: #333333;}
.gsjj-yw ul li h3{ margin-top: 12px; width: 64px; height: 4px; background: #d60919;}
.gsjj-yw ul li p{ font-size: 15px; line-height: 22px; margin-top: 16px; color: #666666; text-align: justify;}
/*********** 公司简介--公司业务 end ***********/

/*********** 公司简介--组织架构 start ***********/
.gsjj-jgbg{ background: #f8f8f9;}
.gsjj-jg{ margin-top: 50px;}
.gsjj-jg ul{display: flex; justify-content: space-between;}
.gsjj-jg ul li{ width: 284px; height: 168px; position: relative;}
.gsjj-jg ul li img{ position: absolute; left: 0; top: 0; z-index: 0;}
.gsjj-jg ul li h2{ position: absolute; left: 0; bottom: 0; width: 100%; font-size: 18px; letter-spacing: 5px; line-height: 34px; color: #fff; background: rgba(0, 0, 0, .7); text-align: center; z-index: 2;}
.gsjj-jg ul li p{ position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, .6); z-index: 1; color: #fff; padding: 25px 10px 0; text-align: center; letter-spacing: 0; font-size: 12px; line-height: 20px; display: none; cursor: pointer;}
/*********** 公司简介--组织架构 end ***********/

/*********** 公司简介--发展历程 start ***********/
.gsjj-fzbg{ background: url(../images/gsjj-fz1.jpg) no-repeat center bottom; background-size: 100% 100%;}
.gsjj-fz{ margin-top: 30px; text-align: center;}
/*********** 公司简介--发展历程 end ***********/

/*********** 公司简介--管理特色 start ***********/
.gsjj-tsbg{ background: #f8f8f9;}
.gsjj-ts{ margin-top: 50px;}
.gsjj-ts ul{ display: flex; justify-content: space-between;}
.gsjj-ts ul li{ width: 212px; background: #ffffff; box-shadow: 0 4px 6px #d8d8d8; padding: 38px 18px 30px; border-radius: 10px;}
.gsjj-ts ul li h3{ text-align: center;}
.gsjj-ts ul li h2{ margin-top: 20px; text-align: center; font-size: 20px; line-height: 38px; color: #222222; font-weight: bold;}
.gsjj-ts ul li p{ margin-top: 15px; font-size: 13px; line-height: 30px; color: #444444; text-align: justify;}
/*********** 公司简介--管理特色 end ***********/

/*********** 公司简介--经营理念 start ***********/
.gsjj-ln{ margin-top: 50px; display: flex; justify-content: space-between; align-items: flex-start;}
.gsjj-lnl{ width: 396px; overflow: hidden;}
.gsjj-lnl img{ width: 100%; margin-top: 10px;}
.gsjj-lnr{ width: 770px;}
.gsjj-lnr p{ font-size: 16px; line-height: 38px; color: #333333; text-align: justify; text-indent: 2em;}
/*********** 公司简介--经营理念 end ***********/