/* CSS Document */
*{margin:0; padding:0;}
a{text-decoration:none;}
ul li{list-style:none;}
img{outline:none; border:none;}
input,select{outline:none;}
area{outline:none;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
b,i,em{font-style:normal;}
body{font-family:Microsoft YaHei; font-size:12px; }
.clearfix{clear: both;}
.clearfix:after{content: ''; clear: both; display: block; visibility: hidden; height: 0;}

.fl{ float:left;}
.fr{ float:right;}


.same_tit{ width:100%; text-align:center; overflow:hidden;}
.same_tit h2{ color:#262d3f; font-size:40px; line-height:42px; font-weight:normal; letter-spacing:4px;}
.same_tit h2 i{ font-weight:bold;}

.sctj{ width:1200px; margin:0 auto; overflow:hidden;}
.sctj dl{ float:left; width:380px; overflow:hidden; margin-right:30px; overflow:hidden;}
.sctj dl dt{ height:287px; overflow:hidden; color:#2268de; font-size:30px; font-weight:bold; line-height:140px; text-indent:174px;}
.sctj dl dd{ width:100%; overflow:hidden;}
.sctj dl dd p{ padding-left:104px; color:#262d3f; font-size:16px; line-height:50px; height:127px;}
.sctj dl dd span{ display:block; color:#FFF; line-height:36px; font-size:20px; padding-top:34px; text-align:center;}

.zx_btn{ width:100%; text-align:center; overflow:hidden;}
.zx_btn a{ -webkit-transition:all 0.4s linear; display:inline-block; width:310px; margin-bottom:30px; height:60px; line-height:60px; color:#FFF; font-weight:bold; text-indent:100px; background:url(../images/zx_btn.png) no-repeat; text-align:left; font-size:24px; margin-right:66px;}
.zx_btn a.phone{ margin-right:0px; background:url(../images/phone_bg.png) no-repeat; text-indent:108px; width:353px;}
.zx_btn a:hover{ -webkit-transform:translateY(10px);}


.course{ width:1200px; margin:0 auto; overflow:hidden;}
.course dl{ float:left; width:504px; padding-left:96px; height:240px;}
.course dl dt{ height:121px; font-weight:bold; line-height:130px; color:#262d3f; font-size:28px; }
.course dl dt i{ color:#2268de;}
.course dl dd{ width:100%;}
.course dl dd p{ height:28px; line-height:28px; color:#262d3f; font-size:16px; margin-bottom:12px;}
.course dl dd p i{ display:inline-block; width:90px;  line-height:30px; margin-right:16px; text-align:center;}

.vip_course{ width:1176px; margin:0 auto; overflow:hidden; padding-left:24px;}
.vip_course dl{ float:left; width:370px; height:240px; margin:0 20px 58px 0;}
.vip_course dl dt{ height:56px; line-height:56px; text-align:center; color:#262d3f; font-size:28px; font-weight:bold; margin-bottom:18px;}
.vip_course dl dt i{ color:#db1538;}
.vip_course dl dd{ width:100%; padding-left:58px;}
.vip_course dl dd p{ width:100%; overflow:hidden;}
.vip_course dl dd p i{ display:block; width:90px; height:28px; line-height:28px; font-size:16px; text-align:center;}
.vip_course dl dd p span{ display:block; height:45px; line-height:46px; color:#262d3f; font-size:16px; text-indent:12px;}

.fb_xq{ width:1200px; margin:0 auto; overflow:hidden;}
.fb_lf{ float:left; width:380px; overflow:hidden; position:relative;}
.fb_lf h6{ height:118px; color:#FFF;font-weight:bold; font-size:40px; line-height:160px; text-indent:36px;}


.swiper-container {
  width: 312px;
  margin:0 auto;
  overflow:hidden;
  padding-bottom:62px;
}
.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;

  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;}

.line{ width:235px; margn:0 auto;  position:absolute; left:34px; bottom:10px;}
.line span{ float:left; width:70px; background:#FFF; height:1px;}
.line span.l2{ float:right;}

.fb_rt{ width:820px; float:right; margin-top:62px; overflow:hidden; background:url(../images/tb_bg.jpg) repeat-x #FFF; border-radius:8px;}
.fb_rt table{ width:760px; margin:0 auto; overflow:hidden; text-align:center; padding-bottom:36px; }
.fb_rt table tr th{ height:60px; color:#FFF; font-weight:bold; font-size:18px;}
.fb_rt table tr td{ height:58px; color:#262d3f;font-size:16px; border-bottom:1px solid #eeeeee;}
.fb_rt table tr td:nth-child(1){ font-weight:bold;}
.fb_rt table tr td:nth-child(1) img{ margin-left:8px; vertical-align:middle;}
.fb_rt table tr td i{ color:#db1538; font-weight:bold;}

.same_tit2 h2{ letter-spacing:2px;}


.online_box{ width:1200px; margin:0 auto; overflow:hidden;}
#online{ float:left; width:285px; overflow:hidden;}
#online span{ cursor:pointer; display:block; width:205px; font-size:30px; color:#FFF;  font-weight:bold; background:url(../images/s_bg.jpg)  no-repeat; overflow:hidden; height:108px; overflow:hidden; position:relative; padding:42px 0 0 80px;}
#online span i{ display:block; color:#FFF; font-size:20px;  }


#online span#s1:before{ position:absolute; content:""; width:63px; height:69px; left:0px; top:50%; margin-top:-34px; background:url(../images/i11.png) no-repeat;}
#online span#s2:before{ position:absolute; content:""; width:65px; height:62px; left:0px; top:50%; margin-top:-31px; background:url(../images/i22.png) no-repeat;}
#online span#s3:before{ position:absolute; content:""; width:64px; height:61px; left:0px; top:50%; margin-top:-30px; background:url(../images/i33.png) no-repeat;}
#online span#s3:before{ position:absolute; content:""; width:66px; height:66px; left:0px; top:50%; margin-top:-32px; background:url(../images/i44.png) no-repeat;}


#online span.se{ background:#FFF; color:#000;}
#online span.se i{ color:#000;}

#online span.se#s1:before{ position:absolute; content:""; width:63px; height:69px; left:0px; top:50%; margin-top:-34px; background:url(../images/i1.png) no-repeat;}
#online span.se#s2:before{ position:absolute; content:""; width:65px; height:62px; left:0px; top:50%; margin-top:-31px; background:url(../images/i2.png) no-repeat;}
#online span.se#s3:before{ position:absolute; content:""; width:64px; height:61px; left:0px; top:50%; margin-top:-30px; background:url(../images/i3.png) no-repeat;}
#online span.se#s4:before{ position:absolute; content:""; width:66px; height:66px; left:0px; top:50%; margin-top:-32px; background:url(../images/i4.png) no-repeat;}


#online_content{ float:left;  width:915px;  background:#FFF;  height:600px;  }
#online_content .ever{display: none; width: 887px; margin: 0 auto;}
#online_content .active{display: block;  width: 887px; margin: 0 auto;}






.zx_title{ background:url(../images/th_bg.jpg) repeat-y; margin-top:20px;}
.zx_title tr th{height: 65px; vertical-align: middle; text-align: center; color: #fff; font-size: 20px; font-weight: bold;}

.zx_box{background: #fff; height: 475px;}
.zx_box tr td{height: 95px;}
.zx_box dl{position: relative; border-bottom: 1px solid #eeeeee; width: 170px; margin: 0 auto; height: 60px; margin-top: 30px;}
.zx_box dl dt{position: absolute; left: 0; top: 0; width: 0; height: 0; border-top: 10px solid #db1538; border-right: 10px solid transparent;}
.zx_box dl dd{font-weight: bold; font-size: 18px; color: #000; text-align: center;}
.zx_box dl dd b{font-size: 22px; color: #db1538;}
.zx_box tr td p{border-bottom: 1px solid #eeeeee; height: 60px; font-weight: 600;
 margin-top: 30px; font-size: 14px; color: #262d3f;}
.zx_box tr td:nth-child(2) p{ width: 191px; margin-left: 30px; }
.zx_box tr td:nth-child(3) p{ width: 440px; margin-right: 29px;}
.zx_box tr:last-child dl,.zx_box tr:last-child p{border: none;}
.zx_bd .zxnr1{display: none; width: 887px; margin: 0 auto;}
.zx_bd .active{display: block;}

#jpxb tr td{height:auto;}
#jpxb .zx_box tr td{ line-height:24px; color:#333b47; font-size:14px; text-align:center; position:relative;}
#jpxb .zx_box tr td:nth-child(1){ color:#262d3f; font-weight:bold; font-size:18px; text-align:left; padding-left:16px;}
#jpxb .zx_box tr td:nth-child(1):before{ display:inline-block; content:''; width:10px; height:10px; background:url(../images/before.png) no-repeat; vertical-align:middle; margin-right:2px; margin-top:-20px;}
#jpxb .zx_box tr td:nth-child(3){ text-align:left; }
#jpxb .zx_box tr td:nth-child(3) p{border:none; font-weight:normal;}
#jpxb .zx_box tr td:after{ position:absolute; content:''; width:164px; height:1px; background:#f2f2f2; left:50%; margin-left:-82px; bottom:0px;}
#jpxb .zx_box tr td:nth-child(3):after{ width:90%; left:0px; margin-left:0px; background:#eeeeee;}
#jpxb .zx_box tr td:nth-child(2):after{ width:90%; right:0px; margin-left:0px; left:auto; background:#eeeeee;}


#tyb{width: 887px; margin: 0 auto; background: #fff; height: 546px;}
.tyzt{width: 817px; height: 484px; margin: 0 auto; padding-top: 50px; position:relative;}

.tyzt .title{width: 100%; position: relative; height: 36px;}
.tyzt .title h1{font-size: 24px; color: #333b47; font-weight: bold; background: no-repeat url(../images/h1bg2.png) left center/11px 25px; padding-left: 25px;}
.tyzt .title h1 i{font-weight: normal; color: #333b47; font-size: 20px;}
.tyzt .title h1 span{display: inline-block; width: 372px; height: 1px; background: rgba(38,45,63,0.5);}
.tyzt .title h1 b{display: inline-block; background: no-repeat url(../images/online.png) right center/179px 20px; width: 179px; height: 20px; margin: 8px 0 0 22px;}

.tynr h2{margin-top: 40px; color:rgba(51,59,71,0.5); font-size: 16px; font-weight: 600; margin-bottom: 20px;}
.tynr p{color: #333b47; font-size: 14px; font-weight: 600;}
.tynr .fl ul li,.lb .tynr1 .fl .f li{position: relative; color: #333b47; font-size: 14px; line-height:30px; padding-left:  15px; font-weight: 600;}
.tynr .fl ul li:before,.lb .tynr1 .fl .f li:before{position: absolute; left: 0; top: 10px; width: 6px; height: 6px; background: #db1538; content: ""; border-radius: 8px;}

#tyb .tynr .fr{width: 580px; }
#tyb .tynr .fr h2{margin-bottom: 0;}
#tyb .tynr .fr ul li{float: left; margin-right: 10px; display:flex; justify-content: left;
            align-items: center; position: relative; width: 552px; height:162px; border: 1px solid #2268de; border-radius: 5px; padding: 16px 0 0 12px; 
 margin-top: 30px; box-shadow: 0 4px 6px #2268de;}
#tyb .tynr .fr ul li p{margin-left: 10px; line-height: 24px;}
#tyb .tynr .fr ul li i{position: absolute; top: -18px; left: 10px;  display: block;  width: 209px; height: 32px;}
#tyb .tynr .fr ul li:nth-child(1) i{background: no-repeat url(../images/kydl.png);}
#tyb .tynr .fr ul li:nth-child(2) i{background: no-repeat url(../images/xzjp.png);}
#tyb .tynr .fr ul li dl{ display:inline-block; width:242px; margin-right:54px; overflow:hidden;}
#tyb .tynr .fr ul li dl dt{ height:34px; text-align:left; color:#adafb2; line-height:34px; font-size:16px;}
#tyb .tynr .fr ul li dl dd{ line-height:24px; color:#262d3f; font-size:14px; width:100%; }
#lb{width: 887px; margin: 0 auto; background: #fff; height: 534px;}
#lb .tynr1 .fl{width:570px;}
#lb .tynr1 .fr{ width: 405px; position:absolute; top:211px; right:0px; right:50px;}
#lb .tynr1 .fl .s li{position: relative; float: left; width: 168px;
 color: #333b47; font-size: 14px; line-height: 24px;margin-top: 10px;padding-left:  15px; font-weight: 600;}
#lb .tynr1 .fr ul li{background: no-repeat url(../images/lb.png) left center; width: 406px; height: 90px; position: relative;
 margin-bottom: 15px; text-align: center; font-weight: bold; color: #fff; font-size: 20px; line-height: 90px;}
#lb .tynr1 .fr ul li span{color: #ff7f3f; font-size: 24px;}
#lb .tynr1 .fr ul li i{display: block; width: 0; height: 0; border-top: 15px solid #ff7f3f; border-right: 15px solid transparent; 
position: absolute; top: 27px; left: 58px;}


.login{ width:1000px; margin:0 auto; overflow:hidden;}


.pj{ width:1200px; margin:0 auto; overflow:hidden;}
.pj p{ float:right; width:754px; height:472px; overflow-y:scroll;}
.pj p img{ width:100%; height:auto;}


.uxd-team {
	width: 1200px;
	overflow: hidden;
	margin: 0 auto;
	height:654px;
	position:relative;
}
.uxd-team .team-bottom {
	position:absolute;
	height:654px;
	width:1200px;
	
}
.uxd-team .team-bottom .team-left {
	width: 1200px;
	height: 533px;
	overflow: hidden;
	position: relative;
	float: left;
	z-index:5;
}
.uxd-team .team-bottom .team-left .team-nav {
	position: absolute;
	top: 0px;
	left: 0
}
.uxd-team .team-bottom .team-left .team-item {
	float: left;
	width: 1200px
}
.uxd-team .team-bottom .team-left .team-item img {
	display: block;
border-radius:.16rem
}
.uxd-team .team-bottom .team-right {
	width: 1200px;
	height: 120px;
	overflow: hidden;
	position:absolute;
	right:0px;
	bottom:0px;
	z-index:6;
	background:#FFF;
	border-radius:6px;
	
}
.uxd-team .team-bottom .team-right .team-list {
	width: 1116px;
	height: 94px;
	border-top: none;
	overflow: hidden;
	position:absolute;
	left:48px;
	top:15px;
	z-index:8;
}
.uxd-team .team-bottom .team-right .team-list .list-nav {
	overflow: hidden
}
.uxd-team .team-bottom .team-right .team-list .list-nav .item-nav {
	margin-right: 10px;
	width: 110px;
	height: 90px;
	position: relative;
	cursor: pointer;
	border: 2px solid #2d2d8f;
	float:left;
	
}
.uxd-team .team-bottom .team-right .team-list .list-nav .item-nav img {
border-radius:.1rem;
	display: block
}
.uxd-team .team-bottom .team-right .team-list .list-nav .team-active {
	border: 2px solid #ff524e
}
.uxd-team .team-bottom .team-right .team-tou {
	height: 94px;
	width: 1166px;
	position:absolute; left:17px; top:15px;
	opacity:0.6;	
	z-index:7;
}
.uxd-team .team-bottom .team-right .team-tou .tou {
	/*display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;*/
	height: 94px;
	width: 1166px;
	/*background: #2a2758;
	border-radius: 8px*/
}
.uxd-team .team-bottom .team-right .team-tou .tou .tou-a {
	width: 27px;
	height: 90px
}
.a-icon1 {
	background:url(../images/prevv.jpg) no-repeat;
	float:left;
}
.a-icon2 {
	background:url(../images/nextt.jpg) no-repeat;
	float:right;
}
.uxd-team .team-bottom .team-right .team-tou .tou .tou-icon {
width:.16rem;
	height: 0px;
	display: block;
	background: #fff;
margin-top:.24rem;
margin-bottom:.24rem
}

/*focus---------------焦点图*/
.wx_phone{ width:272px; height:597px; float:left; overflow:hidden; padding:18px 20px 18px 20px; }
.focus{width:249px;height:538px;overflow:hidden;position:relative;  }
.focus ul{height:538px;position:absolute; }
.focus ul li{float:left;width:249px;height:538px;overflow:hidden;position:relative;  border-radius:20px; }
.focus ul li img{ border-radius:20px; display:block;}
.focus .btn{position:absolute;width:290px;height:10px;padding:5px 10px;right:0;bottom:5px;text-align:center; opacity:0;}
.focus .btn span{display:inline-block;_display:inline;_zoom:1;width:13px;height:13px;_font-size:0;margin-left:5px;cursor:pointer;background:#fff;border-radius:50%;}
.focus .btn span.on{background:#9d1f4c;}
.focus .preNext{width:0px;height:0px;position:absolute;top:90px;cursor:pointer;display:none;}
.focus .pre{left:0;}
.focus .next{right:0;background-position:right top;}
 


#moocBox {
	float:right;
	height: 474px;
	width: 754px;
	margin:32px 30px 0 0;
	overflow: hidden;    /*  这个一定要加，超出的内容部分要隐藏，免得撑高中间部分 */
}
#moocBox ul li{ height:590px;}
#moocBox ul li img{ width:100%;}





.zx_btn2 a{ width:310px; background:url(../images/a_bg2.png) no-repeat; color:#2268de; text-indent:128px;}
.zx_btn2 a.phone{ color:#FFF;}

.same_tit3 h2{ color:#FFF;}


.foot_main{ width:900px; margin:0 auto; overflow:hidden; padding:72px 0 0 300px;}
.foot_main dl{ width:295px; overflow:hidden; text-align:center;}
.foot_main dl dt{ text-align:center; height:130px; color:#FFF; line-height:54px; font-size:46px;}
.foot_main dl dt i{ font-weight:bold;}
.foot_main dl dd{ line-height:44px; color:#FFF; text-align:left;padding-left:104px; font-size:26px;}


.adv{ width:1200px; margin:0 auto; overflow:hidden; padding-top:130px;}
.adv p{ float:left; width:380px; text-align:center; line-height:36px; color:#262d3f; font-size:18px; margin-right:28px;}

.chose{ width:1200px; margin:0 auto; overflow:hidden;}
.chose dl{ float:left; width:285px; margin-right:20px; overflow:hidden;}
.chose dl dt{ color:#FFF; font-weight:bold; font-size:22px; line-height:64px; text-align:center;}
.chose dl dd{ width:183px; padding:24px 0 0 102px; line-height:30px; color:#262d3f; font-size:18px; text-align:left;}


.fb_jxy{ width:1200px; margin:0 auto; overflow:hidden;}
.fb_jxy dl{ float:left; width:172px; overflow:hidden; margin:0 20px 100px 0; padding-left:214px;}
.fb_jxy dl dt{ height:85px; text-align:center; color:#FFF; font-weight:bold; font-size:24px; line-height:118px; text-shadow:#1c58cb 0 6px 6px;}
.fb_jxy dl dd{ text-align:center; color:#FFF; line-height:28px;  font-size:16px;  text-shadow:#1c58cb 0 6px 6px;}

.fb_ms{ width:1200px; margin:0 auto; overflow:hidden;}
.fb_ms strong{ display:block; width:694px; height:80px; padding-top:20px; line-height:30px; color:#262d3f;font-size:18px; text-align:center; font-weight:normal; margin:0 auto 44px; }
.fb_ms div{ width:900px; padding-left:300px; overflow:hidden;}
.fb_ms div dl{ float:left; width:266px; overflow:hidden; margin-right:74px;}
.fb_ms div dl dt{ line-height:60px; text-align:left; color:#FFF; font-size:24px;}
.fb_ms div dl dt i{ font-size:30px; color:#ffc261; font-weight:bold;}
.fb_ms div dl dd{ color:#FFF; line-height:30px; font-size:20px; text-align:left;}

.fb_box{ width:1200px; margin:0 auto; overflow:hidden; background:}
#fb_kc{ width:100%; overflow:hidden;}
#fb_kc span{ cursor:pointer; -webkit-transition:all 0.4s linear; float:left; width:50%; height:76px; line-height:76px; text-align:center; color:#FFF; font-size:30px; font-weight:bold; border-bottom:1px solid #ffffff;}
#fb_kc span.se{ background:#FFF; color:#262d3f;}

#fb_content{ width:100%; overflow:hidden;}
#fb_content .ever{ display:none;}
#fb_content .active{ display:block;}
#fb_content div{ width:1100px; margin:0 auto; overflow:hidden; padding-top:26px;}
#fb_content div dl{ width:100%; overflow:hidden; height:41px; margin-bottom:24px;}
#fb_content div dl dt{ float:left; width:184px; height:41px; line-height:42px; color:#FFF; font-size:24px; text-align:center; font-weight:bold; background:url(../images/lan_bg.jpg) repeat-y; background-size:100% 100%; border-radius:36px; border-bottom-left-radius:0px;}
#fb_content div dl dd{ float:left; width:802px; padding-left:12px; text-align:center; }
#fb_content div dl dd i{ display:block; height:41px; line-height:42px; color:#FFF; font-weight:bold; font-size:22px; text-align:left; }
#fb_content div dl dd p{ display:inline-block; width:510px; height:1px; background:#959595; vertical-align:middle; margin-right:24px;}
#fb_content div dl dd img{ vertical-align:middle; display:inline-block;}
#fb_content div ul{ width:100%; overflow:hidden; margin-bottom:26px;}
#fb_content div ul li{ line-height:38px; color:#fff; font-size:16px; text-align:left;}
#fb_content div ul li i{ display:inline-block; width:22px; height:22px; background:url(../images/li_bg.png) no-repeat; line-height:22px; text-align:center; color:#FFF; font-size:16px; margin-right:16px;}
#fb_content div table{ width:100%; overflow:hidden; text-align:center; background:url(../images/td_bg.jpg) repeat-y;}
#fb_content div table tr th{ height:48px; color:#FFF; font-weight:bold; font-size:18px; line-height:48px;}
#fb_content div table tr td{ background:#FFF; height:112px; line-height:24px; color:#262d3f; font-size:14px; border-right:1px solid #e5e5e5;}
#fb_content div#lz{ padding-top:54px;}