/* common area start*/
.content {
  width: 1170px;
  margin: 0 auto;
}

.middle {
  vertical-align: middle;
}

.pointer {
  cursor: pointer;
}

.center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
.width-233 {
  width: 233px;
}
.horizontal-center {
  margin: 0px auto;
}
p {
  line-height: 1.5;
}
a {
  text-decoration: none;
  color: #666666;
}
/* common area end*/

/* banner area start*/
.banner {
  position: relative;
  background-color: rgba(255, 255, 255, 0.09);
}
.banner-img {
  min-width: 1200px;
  margin-top: 72px;
}
.ban-title {
  position: absolute;
  top: 45%;
  left: 20%;
  font-size: 49px;
  text-align: left;
  line-height: 1.2;
  color: rgba(255, 255, 255, 0.9);
}
.banBtn{

 display: flex;
 position: absolute;
 left:20%;
 top:70%;
}
.banBtn p{
 width: 176px;
 height: 49px;
 line-height: 49px;
 text-align: center;
}
.banBtn p a{
  color: #fff;
  font-size: 16px;
}
.banBtn p:nth-child(1){
  background: #00CCC5;
  border-radius: 1px;
  border:#00CCC5 1px solid;

  margin-right: 26px;
}
.banBtn p:nth-child(2) {

  background: rgba(255,255,255,0.20);
border: 1px solid rgba(255,255,255,0.50);
border-radius: 1px;
}
#headerFrame {
  position: absolute;
  top: 0;
  left:0;
}
/* banner area end*/
.menu{
   width: 1121px;
   margin: 0 auto;
   height: 376px;
   position: relative;
}
.menuCon{
   display: flex;
   justify-content: space-around;
   position: absolute;
   width: 1121px;
   z-index: 123;
   height: 376px;
   padding: 31px 21px;
   background: #ecf0f6;
   border-radius:10px;
   box-shadow: 0 8px 24px 0  rgba(0,0,0,0.15);
   top: -51px;
}
.menu a{
  width: 351px;
  position: relative;
  background: #fff
}
.menu a:hover{
  background: #618FF8;
  box-shadow: 0 8px 24px 0  rgba(0,0,0,0.15);
}
.menu a:hover >img{
  display: block;
}
.menu a > img {
  position: absolute;right: -2px;top: -1px; display: none
}
.menu a:hover dd p{
  color: #fff
}
.menu dt img{
  width: 351px;
  height: 223px;
}
.menu dd{
 padding:20px;
}
.menu dd p{
  font-size: 16px;
  color: #3C3C3C;
  line-height: 23px;
}
.menu dd p:nth-child(1){
  margin-bottom:19px;
  font-size: 18px;
  color: #212121;
}


/* ========== main area start  =============*/

/* news area start*/
.news{
    background: #F9FAFF;
}
.news-title {
  height: 158px;
  line-height: 158px;
  text-align: center;
  font-size: 30px;
}

.news-card {
  display: inline-block;
  background: url('https://cdn.jdy.com/jdy/images/study/new.png')no-repeat;
   background-size:cover
}

.news-img {
  display: inline-block;
  width: 519px;
  height: 226px;
}
.news-desc {
  height: 90px;

  text-indent: 31px;
} 
.desc-title {
  font-family: PingFangSC-Regular;
  font-size: 20px;
  color: #0F0F0F;
}
.desc-text {
  height: 46px;
  line-height: 46px;
  color: #666;
}

.news-content {
  position: relative;
}
.news-list {
  position: absolute;
  right: 30px;
  top: 20px;
  width: 45%;
}
.news-item {
  position: relative;
  height: 24px;
  margin-bottom: 24px;
  list-style-type: disc;
  font-family: PingFangSC-Regular;
  font-size: 16px;
  color: #666666;
  letter-spacing: 0;
  line-height: 24px;
}

.news-time {
  position: absolute;
  right: 10px;
}
/* news area end*/

/* course area start */
.course {
  height: 501px;
}

.course-title {
  height: 148px;
  line-height: 148px;
  text-align: center;
  font-size: 30px;
}
.course-content {
  height: 372px;
  display: flex;
}

.financial, .product, .marketing {
  flex: 1;
  cursor: pointer;
}

.financial-pic, .product-pic, .marketing-pic{
  position: relative;
}

.financial-desc span, .product-desc span, .marketing-desc span{
  font-size: 16px;
color: #212121;
}
.financial-desc p, .product-desc p, .marketing-desc p{

  margin-top: 9px;
  height: 81px;
}
.financial-desc, .product-desc, .marketing-desc{
  text-align: center;
  font-size: 14px;
  color: #666;
  line-height: 23px;
  padding-top: 12px;
}

.financial-desc,.financial-pic,.product-desc,.product-pic{
border-right: 1px solid #DEDEDE;
}
.courseView{
  width: 156px;
  margin: 0 auto;
  display: none
}
.courseView a{
  display: block;
  color: #fff;
  background: #00CCC5 url('https://cdn.jdy.com/jdy/images/study/c_btn.png') no-repeat 100px center ;
  border-radius: 1px;
  height: 39px;
   line-height: 39px;
  text-indent: -10px;
  text-align: center;
  font-size: 16px;
}
.financial-pic div,.product-pic div, .marketing-pic div{
  width: 116px;
  height: 116px;
  line-height: 116px;
  border-radius:50%; 
  background: #EFEEF1;
  margin:0 auto;
}
.financial:hover .courseView,.product:hover .courseView,.marketing:hover .courseView{
  display: block;
}
.financial:hover .financial-pic div,.product:hover .product-pic div,.marketing:hover .marketing-pic div{
  background: #618FF8; 
}
.financial:hover img,.product:hover img,.marketing:hover img{
  filter: brightness(100);
}
/* course area end */

/* companion area start*/
.companion {

  height: 661px;
}
.companion-title {
  height: 176px;
  line-height: 176px;
  text-align: center;
  font-size: 30px;
}
.companionItem {
  width: 377px !important;
  height: 300px !important;
  position: relative;
  overflow: hidden;
  float: left;
  margin-left: 3px;
}
.companionItem div{
  width: 377px;
  height: 300px;
  background: #618FF8;
  color: #fff;
  top:239px;
  left: 0;
  position: absolute;
  font-size: 16px;
  text-align: center;
}
.companionItem img {
  width: 100%;
}
.companionItem div ul{
  padding: 0 21px;
}
.companionItem div ul li{
  margin-top: 20px;
  line-height: 21px;
}
.companionItem:hover div{
  text-align: left;
  top:0;
}
.companion .swiper-button{
  display: flex;
  width: 151px;
  margin:61px auto 0 auto;
  justify-content: space-around;
}
.companion .swiper-button-prev{
  width: 66px ;
  height: 66px ;
  background-image: url('https://cdn.jdy.com/jdy/images/study/pre.jpg') ;
  background-size: 65px;
  position: static;
}
.companion .swiper-button-prev.swiper-button-disabled{
  background-image: url('https://cdn.jdy.com/jdy/images/study/pre_gray.jpg') ;
  opacity: 1
}
.companion .swiper-button-next{
  width: 66px ;
  height: 66px ;
  background-image: url('https://cdn.jdy.com/jdy/images/study/next.jpg') ;
  background-size: 65px;

  position: static;
}
.companion .swiper-button-next.swiper-button-disabled{
  background-image: url('https://cdn.jdy.com/jdy/images/study/next_gray.jpg') ;
  opacity: 1
}

/* companion area end*/

/* ========== main area start  =============*/