﻿@charset "utf-8";
/* CSS Document */

html{font-size:100%}
/* 全局样式 ------------------------------------------------------------------*/
body ,div, h1, h2, h3, h4, p, dl, dd, ol, ul, li, th, td, form, fieldset, input, button, textarea{ margin:0; padding:0; box-sizing:border-box; font-family:"Microsoft YaHei"; color:#2b333b;}
html{ -webkit-text-size-adjust:none; word-wrap:break-word; margin:0; padding:0;}
h1, h2, h3, h4{ font-size:100%; font-weight:normal;}
ol, ul{ list-style:none;}
fieldset, img{ border:0;}
cite, em, s, i, b{ font-style:normal;}
input, button, textarea, select{ font-size:100%;}
body, input, button, textarea, select, option{ font-size:normal;}
a, a:link, input, textarea{ text-decoration:none; outline:0; font-weight:normal; font-family:"Microsoft YaHei"; color:#2b333b;}
li, img, label, input{ vertical-align:middle;}
body{ font-size:.26rem; font-family:helvetica,arial; width:100%; max-width:7.5rem; margin:0 auto; overflow-x:hidden; background:#eee;}
input:focus{ outline:none;}
textarea,select,input{ -webkit-appearance:none; -moz-appearance:none; -o-appearance:none; appearance:none;}

/*公用样式*/
.left{ float:left;}
.right{ float:right;}
.clear{ clear:both;}
.clear0{ clear:both; font-size:0px; height:0px; overflow:hidden;}
.hidden{ display:none;}
.color_bg{ background:#0a72ed;}

/*页面头部-------------------------------------------------------------------*/
.header{ background:#fff; height:.85rem; position:relative; border:1px solid #fff;}
.header-fixed{ position:fixed; left:0; top:0; right:0; z-index:99; background:#fff; border-bottom:1px solid #ebebeb; height:.85rem;}
.ico-back{ display:inline-block; width:.45rem; height:.45rem; background:url(../images/back.png) left top no-repeat; background-size:100%; position:absolute; left:.25rem; top:.20rem; cursor:pointer;}
.shouye{position:absolute; left:1rem; top:.22rem; color:#878787; font-size:.3rem;}
.ico-menu:link{ display:inline-block; position:absolute; right:.25rem; top:.20rem; padding-left:.48rem; line-height:.44rem; color:#878787; font-size: .3rem;}
.ico-menu:before{ content:""; display:block; position:absolute; top:.0; left:0; width:.45rem; height:.45rem; background:url(../images/ico1.png) center center no-repeat;background-size:100%;}
.logo{ width:2.8rem; margin:.26rem auto 0 auto;}
.logo a{ display:block;}
.header img{ max-width:100%; display:block;}
.menu_con{ position:fixed; left:0; right:0; top:0; bottom:0; z-index:100; display:none;}
.menu_lf{ width:50%; background:rgba(0,0,0,.35); position:absolute; left:0; top:0; bottom:0;}
.menu{ width:50%; background:#fff; position:absolute; right:0; top:0; bottom:0;}
.menu h3{ text-align:center; font-size:.48rem; line-height:.5rem; padding:.3rem 0;}
.menu ul li{ line-height:.4rem; padding:.32rem .4rem;}
.menu ul li:after{ content:"."; display:block; height:0; clear:both; visibility:hidden;}
.menu ul li a{ font-size:.3rem;}
.menu ul li i{ width:.4rem; height:.4rem; display:inline-block; float:left; margin-right:.4rem;}
.menu ul li img{ max-width:100%;}

/*-------------------------------------------------------------------*/
.banner{ position:relative; width:100%; text-align:center;}
.banner .hd{ width:100%; text-align:center; position:absolute; left:0; right:0; bottom:.26rem;}
.banner .hd ul:after{ content:"."; display:block; height:0; clear:both; visibility:hidden;}
.banner .hd ul li{ height:.26rem; width:.26rem; background:#fff; border-radius:50%; display:inline-block; margin:0 .1rem; text-indent:-9999px; cursor:pointer;}
.banner .hd ul .on{ background:#636681;}
.banner .bd{ position:relative; z-index:0;}
.banner .bd li img{ max-width:100%; display:block; margin:0 auto;}
.banner .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0);}

.i_course{ padding:.34rem 0;}

.i_combg{ padding:.34rem .26rem; margin-bottom:.26rem; background:#fff;}

.inews:after{ content:"."; display:block; height:0; clear:both; visibility:hidden;}
.inewslf{ width:3.4rem; border-right:1px solid #e0e3e6; float:left;}
.inewslf a{ display:block;}
.inewslf em{ display:block; margin-bottom:.15rem;}
.inewslf em img{ width:2.35rem;}
.inews h3{ line-height:.32rem; padding-bottom:.15rem; width:95%;}
.inews p{ font-size:.24rem; color:#b7bbbf;}
.inews ul{ float:right; width:3.45rem;}
.inews ul li{ border-bottom:1px solid #e0e3e6; padding-bottom:.25rem; margin-bottom:.25rem;}
.inews ul li:last-child{ border-bottom:none; padding-bottom:0; margin-bottom:0;}
.inews ul li a{ display:block; padding-left: 5%;}

.class_tab{ text-align:center;}
.class_tab th{ background:#1e78ff; color:#fff; height:.7rem; font-weight:bold;}
.class_tab td{ background:#fff; font-size:.24rem; line-height:.35rem; padding:.13rem 0;}
.class_tab td a{ color:#ff5858;}
.class_tab tr:nth-child(2n+1) td{ background:#f5f5f5;}

#tidings{ margin-top:-.18rem;}
.tidings a{ display:block;}
.tidings li{ border-bottom:1px solid #ebebeb; padding:.18rem 0; position:relative;}
.tidings li:after{ content:"."; display:block; height:0; clear:both; visibility:hidden;}
.tidings li em{ display:inline-block; float:left; border-radius:10%; overflow: hidden; margin-right:.3rem;}
.tidings li em img{ width:2.2rem; display:block;}
.tidings li h3{ line-height:.42rem; padding-top:.36rem;}
.tidings li p{ line-height:.42rem;}
.tidings li i{ position:absolute; right:0; top:40%; line-height:.42rem; color:#ed6d00;}

.i_teacherc{ padding:.34rem .26rem .08rem .26rem; margin-bottom:.26rem; background:#fff;}
.i_teacher{ margin-right:-.26rem;}
.i_teacher:after{ content:"."; display:block; height:0; clear:both; visibility:hidden;}
.i_teacher li{ width:50%; float:left;}
.i_teacher li a{ display:block; background:#f5f5f5; border-radius:.15rem; text-align:center; margin:0 .26rem .26rem 0; padding:.35rem 0 0 0; height:3.1rem;}
.i_teacher li em{ display:block;}
.i_teacher li em img{ width:1.95rem; height:1.95rem; display:block; margin:0 auto; border-radius:50%;}
.i_teacher li h3{ line-height:.35rem; font-weight:bold; padding:.12rem 0 .07rem 0;}
.i_teacher li p{ font-size:.24rem; line-height:.35rem;}

#environment{ background:#fff; padding:.34rem 0; margin-bottom:.26rem;}
#environment .i_com_tit{ margin:0 .26rem .33rem .26rem;}
#environment .hd{ overflow:hidden; padding:0 .26rem;}
#environment .hd ul{ height:.6rem; margin-right:-.5rem;}
#environment .hd li{ display:inline;}
#environment .hd li i{ display:inline-block; width:2.15rem; height:.6rem; margin-right:.2rem; line-height:.6rem; text-align:center; background:#f5f5f5; cursor:pointer;}
#environment .hd li.on i{ background:#1e78ff; color:#fff;}

.pics{ margin-bottom:-.26rem; padding-left:.26rem;}
.pics:after{ content:"."; display:block; height:0; clear:both; visibility:hidden;}
.pics li{ float:left; width:50%;}
.pics li em{ display:block; margin:.26rem .26rem 0 0;}
.pics li img{ width:3.36rem; height:2.04rem;}

.i_news{ background:#fff; padding:.34rem .26rem;}
.i_com_tit{ line-height:.4rem; margin:0 0 .33rem 0; position:relative;}
.i_com_tit:after{ content:"."; display:block; height:0; clear:both; visibility:hidden;}
.i_com_tit em{ display:inline-block; font-size:.3rem; padding-left:.5rem;}
.i_com_tit i{ content:""; display:block; position:absolute; top:0; left:0; width:.4rem; height:.4rem;}
.i_com_tit i img{ max-width:100%;}
.i_com_tit a{ float:right; font-size:.3rem;}
.new_hot:after{ content:"."; display:block; height:0; clear:both; visibility:hidden;}
.new_hot em{ display:inline-block; float:left; margin-right:.2rem;}
.new_hot em img{ display:block; width:2.13rem; height:1.56rem;}
.new_hot h3{ line-height:.4rem; padding:0 0 .06rem 0; font-size:.28rem;}
.new_hot p{ color:#929292; font-size:.24rem; line-height:.4rem;}

.i_contact{ padding:.34rem 0}
.i_contact h2{ text-align:center; font-size:.38rem; font-weight:bold; line-height:.5rem;}

/*品牌介绍-------------------------------------------------------------------*/
.about{ padding:.34rem .26rem; margin-bottom: .34rem; background:#fff;}
.about_tit{ text-align:center; font-weight:bold; font-size:.36rem; border-bottom:.02rem dotted #b7bbbf; line-height:.5rem; padding-bottom:.22rem;}

/*新闻动态-------------------------------------------------------------------*/
.newslistc{ background:#fff; padding:0 .26rem .35rem .26rem;}
.newslist{ padding-bottom:.32rem;}
.newslist li{ border-bottom:1px solid #d9dde1; padding:.32rem 0;}
.newslist li a{ display:block;}
.newslist li:after{ content:"."; display:block; height:0; clear:both; visibility:hidden;}
.newslist li em{ display:inline-block; float:right; width:2.35rem; margin-left:.2rem;}
.newslist li em img{ width:2.35rem; max-height:1.5334rem; min-height:1.35rem; display:block;}
.newslist li h3{ font-size:.3rem; line-height:140%; padding-bottom:.14rem;}
.newslist li p{ font-size:.24rem; color:#b7bbbf; line-height:.24rem;}
.more{ text-align:center;}
.more a{ color:#fff; background:#ff5858; border-radius:.25rem; height:.6rem; line-height:.6rem; padding:0 1.05rem; display:inline-block;}

.loaction{ height:.65rem; line-height:.65rem; background:#eee; padding:0 .25rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:100%;}
.loaction a{}
.loaction i{ padding:0 .05rem;}
.news_show{ padding:.34rem .26rem 0; background:#fff;}
.news_tit{ border-bottom:.02rem dotted #cacdd0; padding-bottom:.2rem;}
.news_tit h1{ font-size:.42rem; line-height:130%; font-weight:bold; padding-bottom:.20rem;}
.news_tit p{ color:#b7bbbf; line-height:.3rem;}
.news_tit p:after{ content:"."; display:block; height:0; clear:both; visibility:hidden;}
.news_tit p em{ float:right;}
.news_dt{line-height:167%; font-size: .28rem; padding:.34rem 0;}
.news_dt img{ max-width:100%;}
.news_dt p{ line-height:167%;}

.related{ background:#fff; margin:.26rem 0 .34rem; padding:0 .26rem;}
.related h3{ font-weight:bold; font-size:.3rem; line-height:.4rem; padding-top:.25rem;}
.relateds li{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:100%; border-bottom:1px solid #f5f5f5; height:.87rem; line-height:.87rem;}
.relateds li a{ display:inline-block; position:relative; padding-left:.38rem;}
.relateds li a:before{ content:""; display:block; position:absolute; top:.365rem; left:0; width:.14rem; height:.14rem; background:url(../images/point.png) center center no-repeat;background-size:100%; cursor:pointer;}

/*师资风采-------------------------------------------------------------------*/
.eye_pic{ width:100%;}
.eye_pic img{ display:block; max-width:100%; margin:0 auto;}
.teacher{ padding:.26rem 0 0 .26rem;}
.teacher:after{ content:"."; display:block; height:0; clear:both; visibility:hidden;}
.teacher li{ width:50%; float:left;}
.teacher li a{ display:block; background:#fff; border-radius:.15rem; text-align:center; margin:0 .26rem .26rem 0; padding:.35rem 0 0 0; height:3.1rem;}
.teacher li em{ display:block;}
.teacher li em img{ width:1.95rem; height:1.95rem; display:block; margin:0 auto; border-radius:50%;}
.teacher li h3{ line-height:.35rem; font-weight:bold; padding:.12rem 0 .07rem 0;}
.teacher li p{ font-size:.24rem; line-height:.35rem;}

/*学员风采-------------------------------------------------------------------*/
.sider a{ line-height:.6rem; display:inline-block; padding:0 .38rem; border-radius:.05rem; margin-left:.18rem; background:#fff;}
.sider a.cur{ background:#044e95; color:#fff;}
#wrapper{ position:relative; padding:.25rem 0 .25rem .08rem; height:1.1rem; background:#eee; z-index:1; width:100%; overflow:hidden; -ms-touch-action:none;}
#scroller{ position:absolute; z-index:1; -webkit-tap-highlight-color:rgba(0,0,0,0); height:.6rem; -webkit-transform:translateZ(0); -moz-transform:translateZ(0); -ms-transform:translateZ(0); -o-transform:translateZ(0); transform:translateZ(0); -webkit-touch-callout:none; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-text-size-adjust:none; -moz-text-size-adjust:none; -ms-text-size-adjust:none; -o-text-size-adjust:none; text-size-adjust:none;}

#students .hd li{ display:inline;}
#students .hd li i{ line-height:.6rem; display:inline-block; padding:0 .38rem; border-radius:.05rem; margin-left:.18rem; background:#fff;}
#students .hd li.on i{ background:#044e95; color:#fff;}
.students{ background:#fff; padding:.26rem 0 0 .26rem;}
.students:after{ content:"."; display:block; height:0; clear:both; visibility:hidden;}
.students li{ width:50%; float:left;}
.students li em{ display:block; position:relative;}
.students li em i{ display:inline-block; position:absolute; left:0; right:0; top:0; bottom:0; height:1.95rem; background:url(../images/yuan.html) center top no-repeat;background-size:100%;}
.students li em img{ max-width:100%; height:1.95rem; display:block; margin:0 auto;}
.students li a{ display:block; background:#f5f5f5; border-radius:.15rem; text-align:center; margin:0 .26rem .26rem 0; padding:.35rem 0 0 0; height:2.65rem;}
.students li p{ font-size:.24rem; line-height:.35rem; padding-top:.12rem;}

/*培训课程-------------------------------------------------------------------*/
.coursec{ padding-top:.22rem;}
.course{ background:#fff; margin-bottom:.26rem;}
.course h2{ padding:.34rem 0 .34rem .26rem;}
.course h2 em{ display:inline-block; line-height:.3rem; border-left:.04rem solid #1e78ff; padding-left:.12rem; font-size:.3rem; color:#000;}
.course ul{ padding:0 .1rem;}
.course ul:after{ content:"."; display:block; height:0; clear:both; visibility:hidden;}
.course ul li{ width:25%; float:left; padding-bottom:.32rem;}
.course ul li a{ display:block; text-align:center;}
.course ul li img{ width:.87rem; height:.87rem; margin:0 auto;}
.course ul li span{ display:block; font-size:.26rem; color:#4f4e4e; line-height:.3rem; padding-top:.11rem;}

.course_dt{ padding:0 .26rem .005rem .26rem;}
.combg{ background:#fff; padding:.26rem; border-radius:.15rem; margin-bottom:.26rem;}
.titc{ text-align:center; padding:0 0 .28rem 0;}
.titc h2{ font-size:.45rem; font-weight:bold; line-height:.6rem;}
.titc p{ color:#666; line-height:.4rem; padding-top:.1rem;}
.outline_tit{ text-align:center; color:#fff; font-size:.32rem; height:1rem; line-height:1rem; border-radius:.15rem .15rem 0 0; background:#f37937;}
.outline{ background:#fff6e6;}
.outline li{ padding:.26rem; line-height:.42rem;}
.outline li:nth-child(2n){ background:#fff1d9;}
.outline li h3{ line-height:.42rem; font-weight:bold; padding:0 0 .1rem 0;}

#c_teacher .hd{ padding-top:.2rem; text-align:center;}
#c_teacher .hd li{ display:inline; padding:0 .1rem;}
#c_teacher .hd li i{ display:inline-block; width:.22rem; height:.22rem; border-radius:50%; background:#ccc; font-size:0; overflow:hidden;}
#c_teacher .hd li.on i{ background:#1e78ff;}

.c_teacher{ text-align:center; background:#f5f5f5; border:1px solid #e9e7e7; border-radius:.18rem; padding:.32rem 0 0 0; height:5.98rem;}
.c_teacher em{ display:block; margin-bottom:.12rem;}
.c_teacher em img{ width:2.68rem; height:2.68rem; display:block; margin:0 auto; border-radius:50%;}
.c_teacher h3{ font-size:.32rem; line-height:.47rem; padding:.1rem 0; letter-spacing:.02rem;}
.c_teacher h3 font{ color:#1e78ff;}
.c_teacher p{ line-height:.35rem; padding:.12rem .45rem 0 .45rem; text-align:left;}

.c_advantage{ margin:-.26rem -.26rem 0 0;}
.c_advantage:after{ content:"."; display:block; height:0; clear:both; visibility:hidden;}
.c_advantage li{ width:50%; float:left;}
.c_advantage li div{ background:#ef746c; border-radius:.08rem; margin:.26rem .26rem 0 0; padding:.15rem 0 .15rem 0; text-align:center;}
.c_advantage li:nth-child(2) div{ background:#fbd259;}
.c_advantage li:nth-child(3) div{ background:#d385be;}
.c_advantage li:nth-child(4) div{ background:#8ad1bc;}
.c_advantage li h3{ background:#c4544c; line-height:.48rem; color:#fff; font-weight:bold; margin-bottom:.05rem;}
.c_advantage li:nth-child(2) h3{ background:#bb9835;}
.c_advantage li:nth-child(3) h3{ background:#98467e;}
.c_advantage li:nth-child(4) h3{ background:#4c9c7f;}
.c_advantage li i{ display:block; border-bottom:.02rem dotted #fff; font-size:0; height:0; overflow:hidden; margin:0 .18rem .06rem .18rem; padding-top:.06rem;}
.c_advantage li p{ color:#fff; font-size:.24rem; line-height:.38rem;}

.c_service{ margin-top:-.18rem;}
.c_service li{ border-bottom:.02rem dotted #949494; padding:.18rem 0;}
.c_service li a{ display:block;}
.c_service li:after{ content:"."; display:block; height:0; clear:both; visibility:hidden;}
.c_service li em{ display:inline-block; float:left; width:1.5rem; margin-right:.35rem;}
.c_service li img{ max-width:100%;}
.c_service li h3{ font-size:.26rem; font-weight:bold; line-height:.5rem;}
.c_service li p{ color:#666; line-height:.35rem;}

.c_student{ margin:0 -.26rem -.26rem 0;}
.c_student:after{ content:"."; display:block; height:0; clear:both; visibility:hidden;}
.c_student li{ width:50%; float:left;}
.c_student li a{ display:block; margin:0 .26rem .26rem 0; background:#f5f5f5; border-radius:.08rem; text-align:center; padding:.22rem 0 .22rem 0;}
.c_student li em{ display:block; margin:0 auto .1rem; width:1.81rem; overflow: hidden;}
.c_student li em img{ width:1.81rem; display:block;}
.c_student li h3{ line-height:.4rem; font-weight:bold;}
.c_student li p{ line-height:.39rem;}
.c_student li p font{ color:#1e78ff;}

.c_environment{ margin-bottom:-.26rem;}
.c_environment:after{ content:"."; display:block; height:0; clear:both; visibility:hidden;}
.c_environment li{ float:left; width:50%; margin-bottom:.26rem;}
.c_environment li:nth-child(2n){ text-align:right;}
.c_environment li img{ width:3.1rem; height:1.88rem;}

.c_problem{ border-top:1px solid #b7bbbf;}
.c_problem li{ border-bottom:1px solid #b7bbbf; padding:.18rem 0; line-height:.42rem;}
.c_problem li:after{ content:"."; display:block; height:0; clear:both; visibility:hidden;}
.c_problem li a{ color:#fff; background:#1e78ff; border-radius:.09rem; display:inline-block; float:right; padding:0 .35rem;}


.soures1{ background:#84be1c;}
.soures2{ background:#ff7f00;}
.soures3{ background:#2c99f4;}
.soures4{ background:#1986d9;}
.soures5{ background:#2c99f4;}
.soures6{ background:#9d0b16;}
.soures6_zhibo{ background:#100c01;}
.soures7{ background:#eb700a;}
.soures8{ background:#ea4e51;}
.soures10{ background:#285ce3;}
.soures11{ background:#d3212a;}
.soures12{ background:#ff6600;}
.soures13{ background:#0d89a8;}
.soures14{ background:#4c9be6;}
.soures15{ background:#16ac6f;}
.soures16{ background:#d72d47;}
.soures17{ background:#c02023;}
.soures18{ background:#ff5623;}
.soures20{ background:#f7b518;}
.soures21{ background:#000;}
.soures22{ background:#fff;}
.soures23{ background:#1b0b18;}
.soures24{ background:#107192;}
.soures25{ background:#0064bf;}
.soures26{ background:#f16a01;}
.soures27{ background:#13acd8;}
.soures28{ background:#67aefe;}
.soures29{ background:#ff7800;}
.soures30{ background:#ff4038;}
.soures31{ background:#fb7671;}
.soures32{ background:#8358ff;}

/*UI课程-------------------------------------------------------------------*/
.ui_three_p1 {
    font-size: .5rem;
    color: white;
    text-align: center;
    padding-top: .65rem;
    padding-bottom: 0.275rem;
}
.ui_three_p2 {
	font-size: .5rem;
    color: #000;
    text-align: center;
    padding-top: .54rem;
    padding-bottom: 0.1rem;
}
.ui_three_p3{
	font-size: .26rem;
    color: #dbdbdb;
    text-align: center;
    padding-bottom: 0.35rem;
}
.ui_one {
    width: 100%;
	height: 7.54rem;
    position: relative;
}
.ui_one img {
    width: 100%;
}
.ui_one_div {
    width: 100%;
    position: absolute;
	padding-left: .5rem;
    top: .9rem;
}
.ui_one_div .ui_one_p1{
	color: #fffd36;
    font-size: .8rem;
}
.ui_one_div .ui_one_p2{
    color: #fff;
    font-size: .3rem;
	margin-top: .2rem;
    font-weight: bolder;
}
.ui_one_div .ui_one_p2 i{
	padding: 0.08rem .14rem;
	background: #fff;
	color: #415fff;
	border-radius: 0.15rem;
}
.ui_one_div .ui_one_p3{
    width: 1.875rem;
    height: 0.1rem;
    background-color: white;
    margin-top: 1rem;
    margin-bottom: 0.7rem;
}
.ui_one_div .ui_one_p4{
    font-size: 0.3rem;
    color: #232323;
    width: 2.57rem;
    height: .63rem;
    line-height: .63rem;
    background-color: #fffd36;
    border-radius: 0.2rem;
    text-align: center;
    margin-top: 1.8rem;
}

.ui_two{
  width: 100%;
  background-color: white;
  padding-bottom: 。75rem;
}
.ui_two_p1{
  font-size: .5rem;
  color: #222222;
  text-align: center;
  border-bottom: 5px solid #e6e6e6;
}
.ui_two_div{
  width: 100%;
  border-bottom: 5px solid #e6e6e6;
}
.ui_two_div1{
  width: 6.5rem;
  text-align: center;
  overflow: hidden;
  padding: 0.37rem 0;
  margin: auto;

}
.ui_two_div2{
  float: left;
  width: 2.56rem;
  height: 1.36rem;
  border-radius: 0.2rem;
  background-color: #0cbe6c;
  box-shadow: 0px 4px 10px #caf0df;
}
.ui_two_div2_p1{
  margin-top: 0.225rem;
  color: white;
  font-size: 0.38rem;
  font-weight: bolder;
}
.ui_two_div2_p2{
  font-size: 0.3rem;
  color: white;
}
.ui_two_div3{
  float: left;
  text-align: left;
  margin-left: 0.35rem;
  margin-top: 0.25rem;
}
.ui_two_div3 p{
  color: #666666;
  font-size: 0.275rem;
}
.ui_two_div3_p1{
  margin-top: 0.1rem;
}
.ui_two_div4{
  margin-left: 0;
}
.ui_two_div5{
  background-color: #eb6236;
  box-shadow: 0px 4px 10px #fadcd2;
  margin-left: .75rem;
}
.ui_two_div6{
  background-color: #416bff;
  box-shadow: 0px 4px 10px #cde0fa;
}
.ui_five{
  width: 100%;
  background-color: #415eff;
  padding-bottom: .875rem;
}
.ui_five_ul{
  width: 6.9rem;
  margin: auto;
  padding-bottom: .5rem;
}
.ui_five_ul li{
  width: 6.9rem;
  border-radius: 0.2rem;
  background-color: white;
  overflow: hidden;
  margin-top: 0.225rem;
}
.ui_five_ul .ui_five_left{
  width: 1.73rem;
  height: 1.5rem;
  float: left;
  margin-left: 0.375rem;
  margin-top: 0.425rem;
  margin-bottom: 0.4255rem;
}
.ui_five_ul .ui_five_left img{
  width: 100%;
}
.ui_five_ul .ui_five_right{
  width: 4.4rem;
  float: left;
  margin-top: 0.325rem;
  margin-left: 0.25rem;
}
.ui_five_right .ui_five_p1{
  font-size: 0.375rem;
  font-weight: bolder;
  color: #415eff;
}
.ui_five_right .ui_five_p2{
  font-size: 0.3rem;
  color: #666666;
  margin-top: 0.2rem;
}
.ui_five_right .ui_five_p3{
  font-size: 0.3rem;
  color: #666666;
  margin-top: 0.075rem;
}
.ui_five_div1{
  width: 6.9rem;
  margin: auto;
}
.ui_five_div1 div{
  width: 3.3rem;
  height: .837rem;
  line-height: .837rem;
  font-size: 0.375rem;
  color: #000000;
  text-align: center;
  display: inline-block;
  border-radius: 0.2rem;
}
.ui_five_div1 .ui_five_div2{
  background-color: #fefd36;
}
.ui_five_div1 .ui_five_div3{
  background-color: #22e78c;
  margin-left: 0.2rem;
}
.ui_six{
  width: 100%;
  background: #111520;
  background-size: 100% 100%;
}
.ui_six .ui_six_p1{
  font-size: .5rem;
  color: white;
  text-align: center;
  padding-top: 1.0rem;
}
.ui_six .ui_six_p1 span{
  color: #fefd36;
}
.ui_six .ui_six_p2{
  font-size: .5rem;
  color: white;
  text-align: center;
  margin-top: .5rem;
}
.ui_six_div{
  width: 100%;
  border-bottom: 5px solid #1b2032;
}
.ui_six_ul{
  width: 6.9rem;
  margin: auto;
  overflow: hidden;
  text-align: center;
  margin-top: .625rem;
  padding-bottom: .575rem;
}
.ui_six_ul li{
  width: 3.3rem;
  float: left;
  margin-right: 0.25rem;
}
.ui_six_ul li img{
	width: 100%;
}
.ui_six_ul .ui_six_li{
  margin-right: 0;
}
.ui_six_ul li p{
  margin-top: 0.15rem;
  color: white;
  font-size: 0.3rem;
}
.ui_six_div1{
  width: 6.9rem;
  margin: auto;
  padding-bottom: .975rem;
}
.ui_six_div1 p{
  text-align: left;
  color: white;
  font-size: 0.372rem;
  margin-top: .575rem;
  vertical-align: middle;
  margin-bottom: 0.325rem;
}
.ui_six_div1 p span{
  display: inline-block;
  width: 0.1rem;
  height: 0.1rem;
  background-color: #415eff;
  vertical-align: middle;
  margin-right: 0.2rem;
}
.ui_six_div2{
  width: 6.9rem;
  margin: auto;
  position: relative;
}
.ui_six_div2 video{
  border-radius: 0.1rem;
}
.ui_six_div2 img{
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.ui_six_div3{
  width: 6.9rem;
  margin: auto;
  margin-top: 0.225rem;
}
.ui_six_div3 input{
  margin: 0;
  padding: 0;
  width: 6.9rem;
  background-color: white;
  border: 0.012rem solid white;
  border-radius: 0.1rem;
  outline: none;
  height: .9rem;
  line-height: .9rem;
  font-size: 0.372rem;
  color: block;
  padding-left: 0.12rem;
}
::-webkit-input-placeholder { /* WebKit browsers */
    color:#b5b5b5;
}
::-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:#b5b5b5;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:#b5b5b5;
}
::-ms-input-placeholder { /* Internet Explorer 10+ */
    color:#b5b5b5;
}
.ui_six_div3 .ui_six_div4{
  width: 6.887rem;
  height: .8rem;
  line-height: .8rem;
  color: white;
  font-size: 0.372rem;
  border-radius: 0.1rem;
  background-color: #415eff;
  margin-top: 0.175rem;
  text-align: center;
}
.ui_seven{
  width: 100%;
  position: relative;
}
.ui_seven1{
  width: 6.65rem;
  border: 10px solid #e6e6e6;
  margin: auto;
  text-align: center;
  margin-top: .875rem;
  padding-bottom: 4.75rem;
  position: relative;
}
.ui_seven_p1{
  color: #222222;
  font-size: .5rem;
  margin-top: .75rem;
}
.ui_seven_p2{
  color: #222222;
  font-size: .5rem;
}
.ui_seven_p3{
  font-size: 0.25rem;
  color: #666666;
  width: 6.25rem;
  margin: auto;
  margin-top: 0.275rem;
  margin-bottom: 0.45rem;
  padding: 0 .2rem;
}
.ui_seven_lb{
  width: 80%;
  margin: auto;
  text-align: center;
  position: absolute;
  left: 10%;
  top: 43%;
  overflow: hidden;
}
.ui_seven_lb .a1{
  width: 5.15rem;
  margin: auto;
  text-align: center;
}
.ui_seven_lb .a1 img{
	width: 100%;
}
.ui_seven1 .seven_img{
  width: 1.525rem;
  height: 1.525rem;
  position: absolute;
  left: 0;
  top: 0;
}
.ui_eight{
  width: 100%;
}
.ui_eight1{
  width: 6.9rem;
  margin: auto;
  margin-top: .75rem;
  text-align: center;
}
.ui_eight_p1{
  font-size: .5rem;
  color: #222222;
}
.ui_eight_ul{
  width: 6.9rem;
  margin: auto;
  margin-top: .125rem;
  padding-bottom: .75rem;
  overflow: hidden;
}
.ui_eight_ul li{
  float: left;
  width:3.3rem;
  margin-top: 1.125rem;
  position: relative;
  background-color: #415eff;
  border-radius: 0.2rem;
  padding-bottom: 0.375rem;
  margin-right: 0.175rem;
}
.ui_eight_ul .ui_eight_li{
  margin-right: 0;
}
.ui_eight_ul li img{
  width: 1.45rem;
  height: 1.45rem;
  position: absolute;
  left: 28%;
  top: -22%;
}
.ui_eight_p2{
  color: white;
  font-size: 0.375rem;
  margin-top: 1.0rem;
}
.ui_eight_p3{
  color: white;
  font-size: 0.3rem;
  margin-top: 0.1rem;
}
.ui_eight_p4{
  width: 100%;
  margin: auto;
  font-size: 0.3rem;
  color: #b1bbf6;
  margin-top: 0.2rem;
}
.ui_eight_p5{
  font-size: 0.3rem;
  color: #b1bbf6;
}
.ui_nice{
  width: 100%;
  background-color: #e6e6e6;
  padding-bottom: .75rem;
}
.ui_nice1{
  width: 6.9rem;
  margin: auto;
  text-align: center;
}
.ui_nice_p1{
  font-size: .5rem;
  color: #222222;
  padding-top: .7rem;
}
.content2{
  margin-top: .5rem;
  text-align: center;
}
.ui_nice_div{
  width: 6.9rem;
  margin: auto;
  text-align: center;
  margin-bottom: 0.3rem;
}
.ui_nice_btn{
  width: 5.025rem;
  height: .975rem;
  line-height: .975rem;
  margin: auto;
  background-color: #415eff;
  color: white;
  border-radius: 0.2rem;
  text-align: center;
  font-size: 0.375rem;
  margin-top: 0.425rem;
}
.ui_ten{
  width: 100%;
  padding-bottom: .6rem;
  background-color: #efefef;
}
.qrz_ten1{
  width: 6.9rem;
  margin: auto;
  text-align: center;
}
.ui_ele{
  width: 100%;
  background-color: #111420;
  padding-bottom: 1.1rem;
}
.ui_ele1{
  width: 6.9rem;
  margin: auto;
  text-align: center;
}
.ui_ele_p1{
  font-size: 0.371rem;
  color: white;
  padding-top: .825rem;
}
.ui_ele_p2{
  font-size: .645rem;
  color: white;
}
.ui_ele_p2 span{
  color: #fefd36;
  font-weight: bolder;
}
.ui_ele_p3{
  font-size: 0.371rem;
  color: white;
}
.ui_ele_div{
  width: 6.9rem;
  margin: auto;
  background-color: white;
  border-radius: 0.2rem;
  margin-top: .5rem;
  padding-bottom: 0.3rem;
}
.ui_ele_div p{
  font-size: 0.3rem;
  color: #666666;
  padding-top: 0.3rem;
  margin-bottom: 0.2rem;
}
.ui_ele_div1{
  width: 6.212rem;
  margin: auto;
  text-align: center;
}
.ui_ele_div1 img{
  width: 100%;
}
.ui_ele_div2{
  width: 6.9rem;
  margin: auto;
  text-align: center;
}
.ui_ele_div2 input{
  margin: 0;
  padding: 0;
  width: 6.762rem;
  background-color: white;
  border: 0.0125rem solid white;
  border-radius: 0.2rem;
  outline: none;
  height: .9rem;
  line-height: .9rem;
  font-size: 0.375rem;
  color: block;
  padding-left: 0.125rem;
  margin-top: 0.475rem;
}
.ui_ele_div2 .ui_ele_div3{
  width: 6.887rem;
  height: .95rem;
  line-height: .95rem;
  color: #000000;
  font-size: 0.375rem;
  border-radius: 0.2rem;
  background-color: #fefd36;
  margin-top: 0.175rem;
  text-align: center;
}
.wrap_lunbo{
  width: 100%;
   padding-bottom: 1rem;
   background-color: white;
}
.wrap_lunbo1{
  width: 6.9rem;
  margin: auto;
  text-align: center;
}
.wrap_lunbo_p1{
  font-size: 0.45rem;
  color: #212121;
  padding-top: .5rem;
  font-weight: bolder;
}
.wrap_lunbo_p2{
  font-size: 0.225rem;
  color: #666666;
  margin-top: 0.1rem;
}
.content2{
  width: 86%;
  margin: auto;
  overflow: hidden;
  margin-top: 0.3rem;
}
.content2 img{
  width: 100%;
  margin-bottom: 0.3rem;
}
.wrap_lunbo .swiper-pagination-bullet{
  background: #a2a2a2;
}
.wrap_lunbo .swiper-pagination-bullet-active{
  background: #1b60d4;
}
.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
.swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    /* flex-shrink: 0; */
    width: 100%;
    /* height: 100%; */
    /* position: relative; */
}
.swiper-pagination-bullets{
    bottom: 10px;
    left: 0;
    /* width: 100%; */
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 5px;
}
.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2;
}
.swiper-pagination-bullet-active {
    opacity: 1;
    background: #007aff;
}
.ui_four {
    width: 100%;
    background-color: white;
	padding-bottom: .5rem;
}
.ui_four .content{
	padding: 0 .26rem
}
.ui_four .content img{
	width: 100%;
}
.ui_four .more2 {
	width: 3.4rem;
	height: .8rem;
	line-height: .8rem;
	color: #fff;
	font-size: 0.375rem;
	border-radius: 0.2rem;
	background-color: #4865f7;
	margin: 0.5rem auto 0;
	text-align: center;
	display: table;
}
.ui_zhide {
    width: 100%;
    background-color: #3020cd;
	padding-bottom: .5rem;
}
.ui_zhide .content{
	padding: 0 .26rem
}
.ui_zhide .content img{
	width: 100%;
}
.ui_zhide .more {
	width: 3.4rem;
	height: .8rem;
	line-height: .8rem;
	color: #3020cd;
	font-size: 0.375rem;
	border-radius: 0.2rem;
	background-color: #ffe43b;
	margin: 0.68rem auto 0;
	text-align: center;
	display: table;
}

/*联系我们-------------------------------------------------------------------*/
.contact{ padding:.26rem .26rem 0 .26rem;}
.contact li{ margin-bottom:.26rem; background:#fff; text-align:center; border-radius:.15rem; padding:.4rem .8rem;}
.contact li em{ display:block;}
.contact li em img{ display:block; max-width:80%; margin:0 auto;}
.contact li h3{ line-height:.35rem; padding:.24rem 0 .16rem 0; font-size: .3rem;}
.contact li p{ font-size:.24rem; line-height:.35rem; color:#4a4a4a;}
.contact li span{margin-top: .2rem; display: block;}
.contact li span .btn-bm{background:#009aff; color:white; padding:0 .3rem; border-radius:.25rem; height: .5rem; line-height:.5rem; display:inline-block;}
.contact li span .btn-cs{margin-left: .3rem;}

/*申请试听-------------------------------------------------------------------*/
.auditionc{ background:url(../images/mfst.png) center top no-repeat; background-size:100%; padding:3rem .26rem .3rem .26rem;}
.audition{ background:#fff; border-radius:.15rem; padding:.2rem .65rem;}
.audition h2{ text-align:center; font-size:.48rem; color:#0a72ed; line-height:.56rem; font-weight:bold; padding:.1rem 0;}
.audition h3{ text-align:center; color:#999; font-size:.3rem; line-height:.36rem; font-weight:bold; padding-bottom:.35rem;}
.audition ul li{ margin-bottom:.25rem; position:relative;}
.audition ul li i{ font-size:.3rem; font-weight:bold; color:#838485; line-height:.36rem; position:absolute; right:.24rem; top:.15rem;}
.a_sel{ color:#838485; border:.02rem solid #dadada; border-radius:.06rem; font-weight:bold; padding:0 .15rem; margin-bottom: 0; height:.72rem; width:100%;}
.a_intxt{ border:.02rem solid #dadada; border-radius:.06rem; font-weight:bold; padding:0 .15rem; height:.72rem; width:100%;}
.a_inbut{ background:#0a72ed; border-radius:.25rem; width:100%; display:block; border:none; text-align:center; color:#fff; font-weight:bold; font-size:.4rem; cursor:pointer; height:.85rem;}

/*foot-------------------------------------------------------------------*/
.footer{ background:#4a4a4a; padding:0 .26rem;}
.footer ul{ padding:.4rem 0;}
.footer ul:after{ content:"."; display:block; height:0; clear:both; visibility:hidden;}
.footer ul li{float:left; color:#b2b2b2;}
.footer ul li:last-child{float:right;}
.footer ul li i{ display:inline-block; font-size:.36rem; color:#b2b2b2; border:.05rem solid #b2b2b2; border-radius:50%; width:.68rem; height:.68rem; line-height:.68rem; text-align:center; margin-right:.17rem; float:left;}
.footer ul li em{ display:inline-block; line-height:.78rem;}
.foot{ text-align:center; border-top:1px solid #585858; width:90%; padding:.3rem 0; margin:0 auto;}
.foot p{ font-size:.24rem; line-height:.4rem; color:#b2b2b2;}
.foot p a{color:#b2b2b2;}

/*浮动-------------------------------------------------------------------*/
.fnav{ position:relative; height:1.15rem;}
.fnav-fixed{ left:0; right:0; bottom:0; width:100%; position:fixed; z-index:99; text-align:center; background:rgb(0, 122, 255); height:1.15rem;}
.fnav ul:after{ content:"."; display:block; height:0; clear:both; visibility:hidden;}
.fnav ul li{ float:left; width:25%; position:relative; padding-top:.18rem;}
.fnav ul li a{ display:block; position:relative;}
.fnav ul li a i{ display:inline-block; color:#fff; background:#f00; height:.3rem; width:.3rem; text-align:center; line-height:.3rem; position:absolute; top:-.1rem; right:.3rem; border-radius:50%;}
/* 定义keyframe动画，命名为blink */
@keyframes blink{
	0% { opacity: 1; }
	50% { opacity: 1; }
	50.01% { opacity: 0; }
	100% { opacity: 0; } 
}
/* 添加兼容性前缀 */
@-webkit-keyframes blink {
    0% { opacity: 1; }
	50% { opacity: 1; }
	50.01% { opacity: 0; }
	100% { opacity: 0; } 
}
@-moz-keyframes blink {
    0% { opacity: 1; }
	50% { opacity: 1; }
	50.01% { opacity: 0; }
	100% { opacity: 0; } 
}
@-ms-keyframes blink {
    0% { opacity: 1; }
	50% { opacity: 1; }
	50.01% { opacity: 0; }
	100% { opacity: 0; } 
}
@-o-keyframes blink {
    0% { opacity: 1; }
	50% { opacity: 1; }
	50.01% { opacity: 0; }
	100% { opacity: 0; } 
}
/* 定义blink类*/
.blink{
	position:absolute;
	left: 50%;
    margin-left: .21rem;
    animation: blink 1s linear infinite;  
    /* 其它浏览器兼容性前缀 */
    -webkit-animation: blink 1s linear infinite;
    -moz-animation: blink 1s linear infinite;
    -ms-animation: blink 1s linear infinite;
    -o-animation: blink 1s linear infinite;
}
.fnav ul li a img{ display:block; margin:0 auto; max-width:100%; height:.48rem;}
.fnav ul li a span{ display:block; width:100%; line-height:.3rem; padding:.05rem 0 0 0; color:#fff;}

/*免费-------------------------------------------------------------------*/
.Telephone1{
	position: fixed;
	right:0;
	bottom:45%;
    width: .64rem;
    cursor: pointer;
    overflow: hidden;
    background-color: rgb(0, 122, 255);
    color: #fff;
    text-align: center;
    text-decoration: none;
    padding: 0.2rem 0;
    border-radius: 0.05rem;
    font-size: 0.28rem;
    z-index:99;
	
}
.Telephone2{
	width:85%;
	position: fixed;
    font-size: 0.28rem;
    border: 2px solid #0b7bd2;
    border-radius: 0.05rem;
    height: 2.6rem;
    background: #fff;
    left: 7%;
    top:40%;
    -webkit-box-shadow: 3px 0 8px #ccc;
    -moz-box-shadow: 3px 0 8px #ccc;
    box-shadow: 3px 0 8px #ccc;
	z-index:99;
}
.Telephone2-input{
	display:inline-block;
	top: 0.2rem;
    left: 2%;
    width: 69%;
    height: 0.6rem;
	line-height:0.6rem;
    padding: 0 0.1rem;
    border: 1px solid #ccc ;
    background-color: #fff;
    -webkit-border-radius: 0.05rem;
    border-radius: 0.05rem;
    z-index: 2;
	position: absolute;
    font-size: 0.28rem;
    outline: none;
	
}
.Telephone2-butt{
	display:inline-block;
	position: absolute;
	top: 0.22rem;
    left: 74%;
    right: 4%;
	width:1.5rem;
    height: 0.6rem;
	padding: 0 0.1rem;
	line-height:0.6rem;
    background: #2590e2;
    -webkit-border-radius: 0.05rem;
    border-radius: 0.05rem;
    color: #fff;
    border-radius: 0.05rem;
    font-size: 0.28rem;
    font-weight: 700;
	border:none;
    text-align: center;
}
.Telephone2 p{
	margin:1rem 0.4rem;
	color: #2d85d5;
    font-size: 0.28rem;
    line-height: 0.32rem;
}
.Close1{
	width: 0.8rem;
    height: 0.8rem;
    background: url(../images/kst01.png) -40px 0;
    top: -0.5rem;
    right: -0.65rem;
	position: absolute;
    overflow: hidden;
    cursor: pointer;
	display: block;
    text-decoration: none;
    visibility: visible;
}
.Telephone2-input-clear{
	display:inline-block;
	width: 0.6rem;
    height:0.6rem;
    background: url(../images/kst01.png)0 0 no-repeat;
	position: absolute;
    overflow: hidden;
    cursor: pointer;
	top: 0.27rem;
    left: 62%;
    z-index: 100;
}