/* 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{line-height:122px; font-weight:bold; color:#fff; font-weight:bold; font-size:50px; letter-spacing:4px; }
.same_tit h2 i{ color:#fff100;}

.ys_jp{ width:1200px; margin:0 auto; overflow:hidden;}

.jp_rt{ float:right; width:904px; overflow:hidden;}
.jp_rt dl{ float:left; width:452px; height:246px; overflow:hidden;}
.jp_rt dl dt{ color:#2b62e3; font-size:28px; font-weight:bold; height:105px; text-indent:46px; line-height:104px;}
.jp_rt dl dt i{ color:#eb4747;}
.jp_rt dl dd{ width:408px; padding-left:44px;}
.jp_rt dl dd p{ width:100%; overflow:hidden; margin-bottom:12px; color:#262d3f; font-size:16px; line-height:30px;}
.jp_rt dl dd p i{ display:inline-block; width:90px; text-align:center; margin-right:16px;}

.zx{ text-align:center; width:100%;}
.zx a{ display:inline-block; width:262px; height:90px; text-indent:60px; text-align:left; line-height:80px; color:#FFF; font-weight:bold; font-size:24px;background:url(../images/zx_btn.png) no-repeat;}
.zx span{ display:inline-block; width:302px; height:84px; line-height:84px; text-align:left; text-indent:50px; vertical-align:middle; color:#ff5900; font-weight:bold; font-size:24px; background:url(../images/phone_bg.png) no-repeat;}



.vip{ width:1100px; margin:0 auto; overflow:hidden;}
.vip h4{ color:#FFF; font-weight:bold; font-size:40px; line-height:96px; padding-left:76px; letter-spacing:2px; margin-bottom:40px; }
.vip h4 i{ color:#2b62e3; font-size:30px; line-height:96px; margin-left:289px; line-height:96px; display:inline-block; font-weight:normal; vertical-align:top;}

.vip_kc{ width:100%; overflow:hidden; padding-left:50px;}
.vip_kc dl{ float:left; width:540px; margin-right:18px; overflow:hidden; height:290px; margin-bottom:20px;}
.vip_kc dl dt{ color:#544327; font-size:32px; letter-spacing:2px; margin-bottom:22px; line-height:54px; text-align:center; text-indent:-43px; font-weight:bold;}
.vip_kc dl dt b{ color:#ff5900; }
.vip_kc dl dd{ width:486px; padding-left:54px; overflow:hidden;}
.vip_kc dl dd p{ width:100%; overflow:hidden; height:82px; overflow:hidden;}
.vip_kc dl dd p span{ float:left; width:101px; height:29px; line-height:30px; text-align:center; color:#333b47; font-size:16px; margin-right:6px;}
.vip_kc dl dd p font{ float:left; width:360px; line-height:32px; color:#333b47; font-size:16px;}
.vip_kc dl.three{ width:353px;}
.vip_kc dl.three dt{ font-size:26px; line-height:44px; text-indent:0px; margin-bottom:32px;}
.vip_kc dl.three dd p{ height:88px;}
.vip_kc dl.three dd p font{ clear:both; line-height:48px;}

.fb_course{ width:1200px; margin:0 auto; overflow:hidden;}
.fb_lf{ float:left; width:312px; overflow:hidden; padding:118px 33px 0; position:relative;}

    .swiper-container {
      width: 100%;
      height: 370px;
    }
    .swiper-slide {
      text-align: center;
      font-size: 18px;

      /* 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; overflow:hidden; position:absolute; left:50%; margin-left:-117px; height:1px; bottom:16px;}
.line span{ float:left; background:#FFF; height:1px; width:70px;}
.line span:nth-child(2){ float:right;}

.fb_rt{ float:right; width:759px; padding-right:26px; overflow:hidden; padding-top:62px;}
.fb_rt table{ width:100%; text-align:center;}
.fb_rt table tr th{ height:64px; font-weight:bold; color:#FFF; font-size:18px; }
.fb_rt table tr:nth-child(1){ }
.fb_rt table tr td{ height:58px; color:#544327; font-size:16px;}
.fb_rt table tr td:nth-child(1){ font-weight:bold;}
.fb_rt table tr td img{ display:inline-block; vertical-align:middle; }
.fb_rt table tr td img:nth-child(1){ margin-right:12px;}
.fb_rt table tr td img:nth-child(2){ margin-left:6px;}
.fb_rt table tr td i{ color:#ff5900; font-size:16px; font-weight:bold;}


.online_box{ width:1186px; margin:0 auto; overflow:hidden; padding-left:14px;}
#online{ float:left; width:281px; padding-top:48px; overflow:hidden;}
#online span{ cursor:pointer; display:block; width:100%; overflow:hidden; height:91px; overflow:hidden; border-top-left-radius:6px; border-bottom-left-radius:6px;}
#online span i{ display:block; width:240px; overflow:hidden; height:90px; margin:0 auto; font-weight:bold; color:#333b47; text-indent:57px; font-size:20px; border-bottom:1px solid #eeeeee; line-height:90px;}
#online span#s1 i{ background:url(../images/i1.png) 8px center no-repeat;}
#online span#s2 i{ background:url(../images/i2.png) 8px center no-repeat;}
#online span#s3 i{ background:url(../images/i3.png) 8px center no-repeat;}
#online span#s4 i{ background:url(../images/i4.png) 8px center no-repeat;}
#online span.se{ background:url(../images/span_bg2.png) top center no-repeat; }
#online span.se i{ color:#FFF; border:0px;}

#online span.se#s1 i{ background:url(../images/i11.png) 8px center no-repeat;}
#online span.se#s2 i{ background:url(../images/i22.png) 8px center no-repeat;}
#online span.se#s3 i{ background:url(../images/i33.png) 8px center no-repeat;}
#online span.se#s4 i{ background:url(../images/i44.png) 8px center no-repeat;}


#online_content{ float:left; border-radius:6px; width:887px; padding:8px; margin-top:26px; background:url(../images/ct_bg.jpg) repeat-x; background-size:100% 100%;  }
#online_content .ever{display: none; width: 887px; margin: 0 auto;}
#online_content .active{display: block;  width: 887px; margin: 0 auto;}



.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 tr td:first-child{background: #333b47;}
.zx_box dl{position: relative; border-bottom: 1px solid #bfbfbf; 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 #ff5d06; border-right: 10px solid transparent;}
.zx_box dl dd{font-weight: bold; font-size: 18px; color: #fff; text-align: center;}
.zx_box dl dd b{font-size: 22px; color: #ff5d06;}
.zx_box tr td p{border-bottom: 1px solid #bfbfbf; height: 60px; font-weight: 600;
 margin-top: 30px; font-size: 14px; color: #544327;}
.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:#FFF; 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:#4f555f; 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: #ff5900; 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: 278px; height:110px; border: 1px solid #ff5d06; border-radius: 5px; padding: 20px 0; 
 margin-top: 30px; box-shadow: 0 4px 6px #ff5d06;}
#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; background: no-repeat url(../images/ys.png); width: 63px; height: 34px;}
#tyb .tynr .fr ul li:nth-child(1) i{background-position: -6px 0;}
#tyb .tynr .fr ul li:nth-child(2) i{background-position: -3px -48px;}
#tyb .tynr .fr ul li:nth-child(3) i{background-position:  0 -97px; width: 65px;}
#tyb .tynr .fr ul li:nth-child(4) i{background-position: -3px -153px; width: 65px;}

#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:506px;
	position:relative;
}
.uxd-team .team-bottom {
	position:absolute;
	height:506px;
	width:1200px;
	
}
.uxd-team .team-bottom .team-left {
	width: 1200px;
	height: 506px;
	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: 800px;
	height: 94px;
	overflow: hidden;
	position:absolute;
	right:28px;
	bottom:0px;
	z-index:6;
	
}
.uxd-team .team-bottom .team-right .team-list {
	width: 735px;
	height: 94px;
	border-top: none;
	overflow: hidden;
	position:absolute;
	left:34px;
	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: 800px;
	position:absolute; left:0px; top:0px;
	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: 800px;
	/*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: 1px;
	display: block;
	background: #fff;
margin-top:.24rem;
margin-bottom:.24rem
}



.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;}


  
/*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;}
.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;}