html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,input{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
ol,ul{list-style:none;}
a{color:#333;text-decoration:none;}
img{max-width:100%;}
table{border-spacing:0;border-collapse: separate;}
input[type="button"], input[type="submit"], input[type="reset"] {
  -webkit-appearance: none;
}
textarea { -webkit-appearance: none;}
html body{
  background: #fff;
}
.fl{float:left;}
.fr{float:right;}
.clearfix:before,.clearfix:after{content:"";display:table;}
.clearfix:after{clear:both;}
.clearfix{*zoom:1;}
.text-left{text-align:left;}
.text-right{text-align:right;}
.text-center{text-align:center;}
.bg-cyan{background-color:#fff;}
.red{color:#f30;}
.gray{color:#999;}
.hide,.header{display:none;}
.block{display:block;}
.opa{opacity:0.5;filter:alpha(opacity=50);}
.header{height: 30px;}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:content-box;box-sizing:border-box;}
body{font:14px "Microsoft YaHei",arial,simsun,sans-serif;color:#333;background-color: #f3f4f7}
.wrapper{position:relative;margin:0 auto;width:1200px;}
.nav{font-size:18px;height: 80px;border-bottom:1px solid #e8e8e8;background-color: #fff;width: 100%;}
.nav.fixed{position: fixed;top:0;left:0;z-index: 999;box-shadow: 0 6px 20px 0 rgba(0,0,0,0.1);}
.nav ul{line-height: 80px;/* padding-top: 38px; */}
.nav ul li{float:left;margin-left:40px;}
.nav ul li a{position: relative;height: 80px;display: inline-block;margin:0 20px;}
.nav ul li a:before {
  position: absolute;
  content: '';
  left: 50%;
  bottom: 0;
  height: 3px;
  background: transparent;
  width: 0;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
.nav ul li a:hover,.nav ul li a.on{color: #4B98FF;}
.nav ul li a:hover:before {
  background: #4B98FF;
  width: 100%;
  left: 0;
}
.nav ul li a.on:before{background: #4B98FF;
  width: 100%;
  left: 0;}
.tp-logo{
  display:inline-block;
  width: 138px;
  height: 60px;
  background:url('/static/images/header/logo-big.webp') no-repeat;
  margin-top: 10px;
  background-size: 100% 100%;
}
.mains{ padding-bottom: 100px; overflow: hidden}
.intro-banner{width:100%;height: 420px;background:url('/static/images/qjt/banner-qjt.png') no-repeat 50% 50%;background-size:cover;text-align: center;color: #fff;overflow: hidden;position: relative;z-index: 1;}
.intro-banner h2{font-size: 60px;font-weight: bold;padding: 80px 0 20px;margin:0 10px;}
.intro-banner h2 span{color: #f9ff9c }
.intro-banner h3{font-size: 32px;line-height: 26px;margin:0 10px;}
.intro-banner .btn{margin: 60px auto; width: 160px; height: 48px; line-height: 48px; border-radius: 24px;text-align: center;border: 1px solid rgba(255,255,255,0.5);color: #fff; font-size: 18px; color: #fff; cursor: pointer}
.intro-banner .btn:hover{background-color: rgba(255,255,255,0.3)}
/*了解启教通*/
.product{margin: 0 auto; width: 1200px; padding: 50px 0; overflow: hidden}
.product-img img{
  width: 500px;
}
.product-info{
  margin-left: 30px;
  width: 660px;
}
.product-info p{
  font-size: 18px;
  line-height: 24px;
  margin-bottom: 20px;
  color: #333;
}
.product-info li{
  position: relative;
  padding-left: 28px;
  height: 28px;
  line-height: 28px;
  color: #38a4f4;
  font-size: 18px;
  margin-bottom: 14px;
}
.product-info li:before{
  position: absolute;
  content: '';
  width: 20px;
  height: 20px;
  background: url("/static/images/qjt/icon-list.png")no-repeat center;
  background-size: 100%;
  left: 0;
  top: 4px;
}
.platform{
  clear: both;
  margin-top: 30px;
  width: 100%;
  height: 200px;
  background-color: #38a4f4;
}
.platform .content{
  width: 1200px;
  margin: 0 auto;
}
.platform .content .fl-l{
  width: 618px;
  padding: 40px 0;
  font-size: 18px;
  color: #fff;
}
.platform .content .fl-l h3{
  font-size: 24px;
  margin-bottom: 18px;
  font-weight: bold;
}
.platform .content .fl-r{
  width: 400px;
  margin-top: -60px;
}
  /* 主要功能 */
.section-hd{
  position: relative;
  margin: 60px auto 30px;
  display: inline-block;
  padding: 0 80px;
  left: 50%;
  font-size: 20px;
  font-weight: bold;
  transform: translateX(-50%);
}
.section-hd:before{
  position: absolute;
  content: '';
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  height: 1px;
  background-color: #dcdcdc;
  left: 0;
  right: 0;
}
.section-hd span{
  position: relative;
  z-index: 2;
  display: inline-block;
  padding: 0 20px;
  background-color: #ffff;
}
.major{margin: 0 auto; width: 1200px; background-color: #fff;overflow: hidden; clear: both}
.list-fun li { margin-bottom: 40px; }
.list-fun .img { display: inline-block; vertical-align: middle; }
.list-fun .text { display: inline-block; margin: 0 80px; width: 430px; text-align: left; vertical-align: middle;  font-size: 16px}
.list-fun .text h3 { margin-bottom: 20px; font-size: 28px; font-weight: bold; color: #1e9fff; }
.list-fun .text p { position: relative; padding-left: 20px; margin-top: 20px; }
.list-fun .text p::before { position: absolute; left: 0; top: 5px; content: ' '; display: inline-block; width: 8px; height: 8px; border: 2px solid #1e9fff; border-radius: 50%; }
/* 价格 */
.price{
  margin: 0 auto;
  width: 1200px;
}
.first, .comparison-con{
  background-color: #fff;
}
.price{
  padding: 12px 0;
}
.price h3{
  font-size: 18px;
}
.price h3 span{
  font-size: 32px;
}
.comparison-tit,.comparison-con,.member-sty-tit,.member-sty-con{
  width: 300px;
}
.list-footer {
  border-top: 0;
  width: 100%;
  height: 100px;
  padding: 30px 0;
  line-height: 30px;
  color: #666;
  text-align: center;
  background: #e1e1e1;
}

.list-footer .ft-links {
  margin-bottom: 15px;
}

.list-footer .ft-links a {
  font-size: 14px;
  color: #666;
}
.tooltip,.dl-box {box-sizing: initial;}
/*立即体验*/
.fly-footer{
  padding-bottom: 80px;
}
.float-btm {
  position: fixed;
  bottom: 0;
  height: 72px;
  background-color: #1e9fff;
  line-height: 72px;
  color: #fff;
  font-size: 16px;
  width: 100%;
  z-index: 99;
}
.float-btm span{
  margin-right: 24px;
}
.float-btm .btn {
  float: right;
  margin-top: 16px;
  width: 160px;
  height: 40px;
  line-height: 40px;
  font-size: 16px;
  font-weight: normal;
  color: #1e9fff;
  background-color: #fff;
  border-color: #1e9fff;
  display: inline-block;
  border-radius: 30px;
  text-align: center;
  box-sizing: border-box;
  cursor: pointer;
}
.apply{
  padding: 12px;
  width: 560px;
}
.apply .title{
  padding: 0 24px 24px;
  text-align: center;
}
.layui-layer-title{
  font-size: 16px !important;
  font-weight: bold;
}
.layui-layer-btn a{
  height: 36px !important;
  line-height: 36px !important;
  font-size: 16px !important;
}
.layui-input, .layui-select, .layui-textarea{
  height: 44px;
}
.layui-form-label{
  padding: 12px 15px;
  width: 100px!important;
}
.layui-input-code{
  margin-left: 6px;
  height: 44px;
}
.button-code{
  width: 167px;
  height: 45px;
  background-color: #e8f2ff;
  color: #2f82ff;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0;
  line-height: 45px;
  float: left;
  margin-left: 6px;
  cursor: pointer;
  text-align: center;
}
.button-code:hover{
  background-color: #1E9FFF;
  color: #fff;
}