/*idx banner*/
.carousel {height: 500px;position: relative;}
.carousel .wrap {position: relative;}
.carousel .item {position: absolute;left: 0;top: 0;height: 500px;width: 100%;z-index: 0;background-repeat: repeat-x;background-position: center top;display: none;}
.carousel .carousel_select {position:absolute;left:0;top:auto;width:100%;z-index:1;text-align:center;bottom:18px;}
.carousel .carousel_select a {width:12px;height:12px;display:inline-block;margin:0 5px;position:relative;border:1px solid #ffffff;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;}
.carousel .carousel_select a.active {background:#fff;display:inline-block;margin:0 5px;}
.carousel .carousel_select .box {display:inline-block;height:13px;padding:10px;background:rgba(0,0,0,0.25);-webkit-border-radius:23px;-moz-border-radius:23px;border-radius:23px;text-align:center;}
.carousel .carousel_select .box a {background:#fff;border:none;width:13px;height:13px;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;opacity:0.5;filter:alpha(opacity=50);margin-bottom: 8px;}
.carousel .carousel_select .box a.active {background:#0a74fb;opacity:0.8;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);filter:alpha(opacity=50);}
.carousel .wrap {position:relative;}


.width_bg {width: 100%;background-color: #fff;text-align: center;padding: 50px 0;}
.width_bg2 {width: 100%;padding: 50px 0;}
.grey_bg {width: 100%;background-color: #f6f9fa;text-align: center;padding: 50px 0;}
.grey_bg2 {width: 100%;text-align: center;padding: 50px 0;}
.title{text-align: center;padding-bottom:50px;}
.title span{font-weight:400;font-size: 32px;color:#071940;}
.title .left{display: inline-block;background-image: url(../images/title-l.png);width: 42px;height:26px;margin-right: 20px;}
.title .right{display: inline-block;background-image: url(../images/title-r.png);width: 42px;height:26px;margin-left: 20px;}
.title p{width: 880px; padding-top: 12px; color:#666;font-size:18px;margin:auto;line-height: 150%;}


.main-width{
  width: 1200px;
  margin: auto;
}
.teach-cj-content{
  display: flex;
  justify-content: space-between;
  margin: 55px 0px;
	
}
.teach_cj_tab{
  margin-right: 22px;
}
.teach_cj_tab li{
  display: flex;
  /* justify-content: space-between; */
  align-items: center;
  padding: 16px 21px;
  width:429px;
  border-radius:8px;
  margin-bottom: 3px;
  cursor: pointer;
  box-sizing: border-box;
}
.teach_cj_tab li:hover, .teach_cj_tab li.active{
  background:rgba(0,138,255,.12);
}
.teach_cj_tab li img{
  display: block;
  /*width: 63.75px;*/
  /*height: 63.75px;*/
  margin-right: 22px;
}
.teach_cj_tab li h3 {
  text-align: left;
  font-size: 20px;
  color: #2A2A2A;
  font-weight:500;
}
.teach_cj_tab li p{
  text-align: left;
  font-size: 14px;
  color: #676C7F;
  margin-top: 16px;
}
.teach_cj_cimg li{
  position: relative;
  display: none;
}
.teach_cj_cimg li.active{
  display: block;
}
.teach_cj_cimg li img{
  display: block;
  width: 749px;
  height: 591px;
}
.teach_cj_cimg li>div{
    text-align: center;
  position: absolute;
  bottom: 0px;
  left: 0px;
  height: 91px;
  padding: 23px 0px;
  width: 100%;
  color: #fff;
  background: linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%);
  border-radius: 0px 0px 10px 10px;
}
.teach_cj_cimg li>div h3{
  font-size:20px;
  font-weight:500;
}
.teach_cj_cimg li>div p{
  font-size:14px;
  font-weight:400;
  opacity: 0.6;
  margin-top: 12px;
}








.idx_01{
	width: 100%;
	background-color: #f6f9fa;
	text-align: center;padding: 50px 0;
}
.idx_02{
	width: 100%;
	background-color: #fff;
	text-align: center;padding: 50px 0;
}
.idx_03{
	width: 100%;
	background-color: #f6f9fa;
	text-align: center;padding: 50px 0;
}


.num-group{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.num-item{width:240px;font-size:18px}
.num{font-size:42px}
.num small{margin-left:2px;font-size:.6em}


.jz_01 {
    width: 100%;
    height: 530px;
    overflow: hidden;
    
}
.ykt_01{
    width: 100%;
    height: 530px;
    overflow: hidden;
    
}
.btn{position: relative;top:400px;left:720px;text-align: center;}
.btn .incloud {box-shadow:0 2px 2px #0a7fff;line-height:150%;border-radius:20px;font-size:18px;color:#FFF;padding:10px 22px;background:#fe7f68;background-image:-webkit-radial-gradient(left,circle cover,#ffa15b 0%,#fe5f75 100%);background-image:-moz-radial-gradient(left,circle cover,#ffa15b 0%,#fe5f75 100%);background-image:-o-radial-gradient(left,circle cover,#ffa15b 0%,#fe5f75 100%);background-image:radial-gradient(left,circle cover,#ffa15b 0%,#fe5f75 100%);}

.tbkt_01{
    width: 100%;
    height: 530px;
    overflow: hidden;
    
}

.container{
	width: 1200px;
	margin-right: auto;
	margin-left: auto;
}
.part3 {
  padding: 59px 0;
  height: 520px;
  position: relative;
}
.part3 .col-xs-4 {
  width: 26.5%;
  float: left;
}
.part3 .btn-con {
  position: absolute;
  bottom: 59px;
  left: 0;
  text-align: center;
  width: 100%;
}
.part3 .title-size2 {
  color: #fff;
  margin-bottom: 28px;
}
.part3 .introduction {
  font-size: 16px;
  color: #fff;
  text-align: center;
  margin-bottom: 53px;
}
.part3 .text-content {
  text-align: center;
}
.part3 .text-content .title {
  font-size: 26px;
  color: #30314b;
  text-align: center;
  border-top: 0;
  padding: 30px 0;
  margin-bottom: 3px;
  height: auto;
}
.part3 .text-content .line {
  height: 1px;
  background: #0069ff;
  margin: 4px 0;
}
.part3 .text-content .line2 {
  height: 2px;
  background: #0069ff;
}
.part3 .text-content .active {
  background: #4c74f7;
  border: 0;
  height: 522px;
  position: relative;
  top: -30px;
  box-shadow: 0px 0px 17px 0px rgba(89, 94, 99, 0.51);
  padding-top: 70px;
}
.part3 .text-content .active p {
  color: #fff !important;
}
.part3 .text-content .active .line,
.part3 .text-content .active .line2 {
  background: #fff;
}
.part3 .text-content .active .no-hover {
  display: inline-block;
}
.part3 .text-content .active .hover {
  display: none;
}
.part3 .text-content > div {
  background: #fff;
  border: 1px solid #e2e7eb;
  box-shadow: 6px 2px 17px 0px rgba(164, 164, 164, 0.65);
  padding: 40px;
  height: 400px;
}
.part3 .text-content > div .no-hover {
  display: none;
}
.part3 .text-content > div .text-height {
  height: 145px;
  margin: 25px 0;
}
.part3 .text-content > div .text-height:after {
  content: '';
  height: 100%;
  width: 0;
  display: inline-block;
  vertical-align: middle;
}
.part3 .text-content > div .text-height p {
  font-size: 16px;
  color: #6f708a;
  line-height: 29px;
  text-align: left;
  display: inline-block;
  width: 98%;
  vertical-align: middle;
}
.part3 .text-content .active {
  background: #4c74f7;
  border: 0;
  height: 450px;
  position: relative;
  top: -30px;
  box-shadow: 0px 0px 17px 0px rgba(89, 94, 99, 0.51);
  padding-top: 70px;
}
.part3 .text-content .active p {
  color: #fff !important;
}
.part3 .text-content .active .line,
.part3 .text-content .active .line2 {
  background: #fff;
}
.part3 .text-content .active .no-hover {
  display: inline-block;
}
.part3 .text-content .active .hover {
  display: none;
}


.zhkt_01{
    width: 100%;
    height: 530px;
    overflow: hidden;
}

.content{
 text-align:center;
 width:1165px;
 margin:0 auto;
 position:relative;
 height:510px;
}
.content .content-item {
 width:240px;
 min-height:120px;
 -webkit-border-radius:5px;
 -moz-border-radius:5px;
 border-radius:5px;
 border:1px solid rgba(216,216,216,0.22);
 background-color:#fff;
 position:absolute;
 -webkit-box-shadow:1px 1px rgba(0,0,0,0.05);
 box-shadow:1px 1px rgba(0,0,0,0.05);
 padding:20px 0 0 20px;
 text-align:left;
}
.content .content-item:hover .hidden-desc {
 height:180px
}
.hidden-desc span {
 width: 120px;
 display: block;
}
.content .content-item:nth-child(1) {
 left:0;
}
.content .content-item:nth-child(1):hover .hidden-desc {
 height:150px
}
.content .content-item:nth-child(4) {
 left:870px;
}
.content .content-item:nth-child(4):hover .hidden-desc {
 height:120px
}
.content .content-item:nth-child(2) {
 left:290px;
}
.content .content-item:nth-child(2):hover .hidden-desc {
 height:120px
}
.content .content-item:nth-child(5) {
 left:0;
}
.content .content-item:nth-child(5):hover .hidden-desc {
 height:120px
}
.content .content-item:nth-child(3) {
 left:580px;
}
.content .content-item:nth-child(3):hover .hidden-desc {
 height:155px
}
.content .content-item:nth-child(6) {
 left:290px;
}
.content .content-item:nth-child(6):hover .hidden-desc {
 height:110px
}
.content .content-item:nth-child(8) {
 left:870px;
}
.content .content-item:nth-child(8):hover .hidden-desc {
 height:120px
}
.content .content-item:nth-child(7) {
 left:580px;
}
.content .content-item:nth-child(7):hover .hidden-desc {
 height:120px
}
.content .content-item.content-item-type-1 {
 bottom:300px
}
.content .content-item.content-item-type-2 {
 top:290px
}
.content .content-item .content-item-title {
 font-size:18px;
 color:#586183;
 font-weight:500
}
.content .content-item .line {
 width:50px;
 height:4px;
 background:#1795ff;
 -webkit-border-radius:3px;
 -moz-border-radius:3px;
 border-radius:3px;
 margin:5px 0;
}
.content .content-item .line.line-2 {
 background:#fb0066
}
.content .content-item .line.line-3 {
 background:#006fff
}
.content .content-item .line.line-4 {
 background:#2aca41
}
.content .content-item .line.line-5 {
 background:#00d7ff
}
.content .content-item .line.line-6 {
 background:#9013fe
}
.content .content-item .line.line-7 {
 background:#ffbf2f
}
.content .content-item .line.line-8 {
 background:#3ccedc
}
.content .content-item .line.line-9 {
 background:#1795ff
}
.content .content-item .content-item-title-eng {
 font-size:12px;
 font-family:PingFangSC-Thin
}
.content .content-item .hidden-desc {
 font-size:14px;
 font-family:PingFangSC-Light;
 color:#000;
 margin-top:12px;
 height:0;
 overflow:hidden;
 -webkit-transition:height .7s;
 -o-transition:height .7s;
 -moz-transition:height .7s;
 transition:height .7s;
 padding-right:20px
}
.content .content-item .content-item-img {
 width:160px;
 height:140px;
 position:absolute;
 right:-20px;
 top:-30px;
}
.content .content-item .content-item-img.content-item-img-1 {
 background-image:url("../images/tbys_01.png");
 background-repeat:no-repeat;
 background-size:100% 100%
}
.content .content-item .content-item-img.content-item-img-2 {
 background-image:url("../images/tbys_02.png");
 background-repeat:no-repeat;
 background-size:100% 100%
}
.content .content-item .content-item-img.content-item-img-3 {
 background-image:url("../images/tbys_03.png");
 background-repeat:no-repeat;
 background-size:100% 100%
}
.content .content-item .content-item-img.content-item-img-4 {
 background-image:url("../images/tbys_04.png");
 background-repeat:no-repeat;
 background-size:100% 100%
}
.content .content-item .content-item-img.content-item-img-5 {
 background-image:url("../images/tbys_05.png");
 background-repeat:no-repeat;
 background-size:100% 100%
}
.content .content-item .content-item-img.content-item-img-6 {
 background-image:url("../images/tbys_06.png");
 background-repeat:no-repeat;
 background-size:100% 100%
}
.content .content-item .content-item-img.content-item-img-7 {
 background-image:url("../images/tbys_07.png");
 background-repeat:no-repeat;
 background-size:100% 100%
}
.content .content-item .content-item-img.content-item-img-8 {
 background-image:url("../images/tbys_08.png");
 background-repeat:no-repeat;
 background-size:100% 100%
}
.content .content-item .content-item-img.content-item-img-9 {
 background-image:url("../images/tbys_09.png");
 background-repeat:no-repeat;
 background-size:100% 100%
}
