@charset "utf-8";
/* CSS Document */
ul, p{margin-bottom: 0px;}


.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto
{ padding-left: 20px; padding-right: 20px;}
/*头部*/
.pg-header .nav-absolute nav{ position:initial;}

.pg-ab-banner{ position: relative; height: 200px; max-width: 1920px; max-width: 0px auto;z-index: -1; text-align: center;}
.pg-ab-banner h1{ font-size: 36px; line-height: 120%; color: #333; padding-top: 65px;}
.pg-ab-banner p{ font-size: 18px; line-height: 120%; color: #999;}

/*创始人*/
.pg-csr ul{ text-align:center;}
.pg-csr ul li{width: 32.5%;  display:inline-block;  cursor: pointer; padding-left: 20px; padding-right: 20px; }
.pc-list{ border: solid 1px #a8b5c7; padding:20px; cursor: pointer; position: relative; margin-bottom: 40px; position: relative; margin-bottom: 40px;}
.pg-csr ul li .pg-csr-tit{ text-align: center;}
.pg-csr ul li .pg-csr-tit h1{ padding-top: 20px; font-size: 18px; color: #333;}
.pg-csr ul li .pg-csr-tit p{ margin-bottom: 0px; font-size: 14px; color: #999999;}
.pg-cst-text{ transition: all 0.36s ease; opacity: 0;visibility: hidden; position: absolute; left: 0; right: 0; top: 0; width: 100%; height: 100%; background-color: rgba(168, 181, 199, 1); padding: 20px; font-size: 14px; line-height: 180%; color: #fff; overflow: auto;}
.pg-cst-text p{ font-size:14px; color:#fff; text-align:left;}
.pg-csr ul li:hover .pg-cst-text{ opacity: 1; visibility: visible;}
.if-bj .ix-footer{ background-color: #f5f5f5;}


/*关于我们*/
.pg-text p{ font-size: 14px; line-height: 180%; color: #666;}
.pg-text p img{     display: inline-block;}


/*联系我们*/
.pcon-tit{ width: 70%;}
.pcon-ewm{ width: 30%; text-align: center;}
.pcon-tit-t1 h1{font-size: 24px; color: #333;}
.pcon-tit-t1 p{ font-size: 20px; color: #333; line-height: 200%;}
.pcon-ewm img{ width: 300px; height: 300px;}
.pcon-ewm p{ font-size: 18px; color: #333; padding-top: 15px;}


/*国际课程*/
.service-content p{font-size: 16px; line-height: 180%;}
.kf-ewm{ text-align: center; font-size: 16px;}
.kf-ewm p{ font-size: 16px;}
.gj-bm-an{ width: 248px; height: 58px;border: solid 1px #b7b7b7; display: block; text-align: center; line-height: 58px; font-size: 18px; color: #b8b8b8;}
.gj-bm-an i{ font-size: 26px; vertical-align: middle;}


/*课程体系*/
.service-blocks .service-block .service-content.abc{ overflow:inherit;}
.pg-kctx-box{ border: solid 1px #fddfdd; padding: 30px;}
.pkb-head{ font-size: 30px;}
.pkb-head span{ display: inline-block;}
.pkb-list{width: 300px;  height: 153px; padding: 20px 30px; margin: 0px auto; color: #fff; border-radius: 20px;}
.pkb-list h1{ font-size: 18px; color: #fff;}
.pkb-list ul li{position: relative; cursor: pointer;}
.pkb-list ul li p{ color: #fff; position: relative; padding-left: 15px; text-align: left;}
.pkb-list ul li p::after{ content: ''; position: absolute; left: 0; top: 12px; width: 6px; height: 6px; border-radius: 6px; background-color: #fff; display: block;}
.pkb-head i.iconfont2{ font-size: 36px;}
.pg-kctx-box h1.abc{ font-size: 22px; width: 180px; height: 50px; line-height: 50px; text-align: center; border-radius: 20px; margin: 0px auto; color: #fff; }
.pg-kctx-box h1.abc i{ font-size: 22px; display: inline-block; padding-right: 15px;}
.ll-x{ width: 15px; height: 20px; margin: 0px auto;}
.pkb-head img{ margin: 0px auto; text-align: center; height: 28px; display: block; }
.pkb-list-text{opacity: 0; visibility: hidden; position: absolute; right: -280px; top:-25px; font-size: 14px; color: #666; border-radius: 6px; padding: 15px; text-align: left; transition: all 0.36s ease; width: 280px; height: 103px; background-color: #fff; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);}
.pkb-list ul li:hover .pkb-list-text{ opacity: 1; visibility: visible; }
.pkb-list-text::after{ content: ''; background: url(../images/xxc.png)no-repeat center center; width: 18px; height: 33px; position: absolute; left: -18px; top: 25px;}


/*国际课程快速链接*/
.pg-gjkc-links{ padding: 30px; background-color: #fff; height: 295px; margin-top: 40px;}
.pg-gjkc-links h1{ font-size: 24px; color: #333; line-height: 180%; padding-bottom: 0px;}
.pg-gjkc-links p{ font-size: 14px; color: #666;}
.pg-gjkc-links a{ width: 142px; height: 34px; text-align: center; line-height: 34px; border: solid 1px #cccccc; display: block; color: #666666; margin-top: 20px; transition: all 0.36s ease;}
.pg-gjkc-links a:hover{ color: #b6c214; border: solid 1px #b6c214;}

/*常见问题*/
.workshop-card-parent{display:flex;align-items:stretch;justify-content:space-evenly;flex-flow:wrap}
.workshop-card-parent .card{height:100%}
.hidden-text{width:300px;position:relative;z-index:1000;border:1px solid #ccc;display:none;font-size:15px;margin-top:10px;padding:5px;text-transform:uppercase;background-color:#f5f5f5}
.lec-info:active .hidden-text,.lec-info:hover .hidden-text{display:block}
.faq-title{font-weight:bolder;font-size:24px;padding-bottom:8px; color: #666; font-weight: normal; padding-bottom: 30px;}
.faq-title a,.filter a{color:#848b90}
.faq-title a:hover{text-decoration:underline}
.filter a:focus{color:#03a9f4}
.shadow{box-shadow:0 .5rem 1rem rgba(0,0,0,.05) !important}
p.accordion{background-color:#ebebeb;color:#444;cursor:pointer;padding:18px;width:100%;text-align:left;outline:0;transition:.4s;margin-bottom:10px;border-radius:8px; font-size: 18px; color: #666;}
p.accordion.active,p.accordion:hover{background-color:#ddd}
p.accordion:after{content:'\2795';font-size:13px;color:#777;float:right;margin-left:5px}
p.accordion.active:after{content:"\2796"}
div.panel{padding:0 18px;background-color:#fff;max-height:0;overflow:hidden;transition:.4s ease-in-out;opacity:0;margin-bottom:15px;text-align:left}
div.panel.show{opacity:1;max-height:10000px;margin-bottom:50px;text-align:left;color:#444;font-weight:400;border-radius:8px;padding:10px}


/*app课程*/
#app .overlay{ opacity: 1;}
#app .nav-absolute nav{border-bottom: solid 1px rgba(255, 255, 255, 0.3);}
#app .nav-light nav .xv-menuwrapper .dl-menu>li>a{ color: #fff;}
#app .nav-light nav .xv-menuwrapper .dl-menu>li.parent>a:after{ color: #fff;}
.has-overlay small{ padding: 10px 20px !important; background-color: rgba(255, 255, 255, 0.2);     font-weight: normal;}

#app .card{ border: solid 1px #cccccc !important;}
#app .card-body h4.card-title{ font-size: 18px; color: #666;}
#app .card-body h6{ font-size: 16px; color: #999  ;}


/*文章详情*/
.pg-header.abc nav{ border-bottom: solid 1px #e0e0e0;}
.pg-xx-deta h1{font-size: 24px; color: #333;}
.pg-xx-deta p span{ display: inline-block; font-size: 16px; color: #999;}
.pg-xx-deta p b{font-style: inherit; color: #ccc; display: inline-block; padding: 0px 15px;}


/*视频*/
#myTabs a{ color: #a3d0d3;}
#myTabs a.active{ color: #333333;}
#myTabContent .paper-block h3 a{color: #a3d0d3; font-size: 18px; font-weight: bold; line-height: 120%;}



/*服务内容*/
.pg-fwnr-list{ padding-top: 40px;}
.pg-fwnr-list .pfl-xx{position: relative;overflow: hidden;transition: height 0.24s; padding-bottom: 20px;}
.pg-fwnr-list .pfl-xx:after{content: "";position: absolute;bottom: 0;display: block;width: 100%;height: 4rem;background: -moz-linear-gradient(to bottom, rgba(245,245,245,0), #f5f5f5);background: -webkit-linear-gradient(to bottom, rgba(255,255,255,0), #fff);background: linear-gradient(to bottom, rgba(245,245,245,0), #f5f5f5);}
.poster-btn{ outline:none;display: block;width: 50%;line-height: 2;margin: .1rem auto;color: #666;font-size: .28rem;text-align: center; background:url(../images/arrowposter.jpg) no-repeat 3rem center;}     
.current-menu { background:url(../images/arrowposterhui.jpg) no-repeat 2.7rem  center;content: '';display: block;}
.service-content p{ font-size: 14px;}
.pg-fwnr-list .service-content h3{ margin-bottom: 10px;}
.pg-fwnr-list .service-content h3 a{font-size: 18px; color: #333333; font-weight: bold;}
.pg-fwnr-list .service-block.aad{margin-bottom: 30px;}
.pg-fwnr-list .poster-btn{ padding-top: 0px; }
.pg-fwnr-list .poster-btn { margin-top: 20px; margin-bottom: 40px; display: block; width: 200px; height: 50px; text-align: center; line-height: 50px; border: solid 1px #cccccc; font-size: 18px; color: #666;}

.pg-lx-pro{background-color: #ffffff; border-radius: 4px; color: #666; padding: 15px 30px; font-size: 24px; color: #333; position: relative;}
.pg-lx-pro i{position: absolute; right: 30px; font-size: 20px; top: 20px; color: #999999;}



/*分页*/
.pg-next {text-align: center;}
.pg-next .pagination{margin: 0px;}
.pagination>li>a, .pagination>li>span{ color:#999;}
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover{ background: #1D6BC3; color:#fff;}

.paginator{text-align: center; height: 34px; font-size: 14px;}
.paginator a{  font-size: 14px; font-weight: bold; width: 35px; height: 35px; line-height: 35px; display: inline-block; background-color: #f2f2f2; color:#666!important; margin: 0; margin-left: 5px;     cursor: pointer;}
.paginator a:hover{color: #fff !important; background-color: #b6c214;}
.paginator .cpb{ background-color: #b6c214; width: 35px; height: 35px; line-height: 35px;  font-size: 14px; color: #fff; display: inline-block; margin-left: 5px;}
.tips{padding-top:20px; padding-bottom: 30px; color:#666;}
.pg.ix-news-list{min-height:300px;}
.paginatordis{ display:none;}




@media (min-width: 1200px) { 

  }
  @media (max-width: 1080px) {
    .pcon-tit{ width: 60%;}
    .pcon-ewm{ width: 40%; text-align: center;}
    .pcon-ewm img{ width: 200px; height: 200px;}
    .pg-gjkc-links{ height: 350px;}
    .pkb-list-text{ display: none;}
  }
  @media (max-width: 780px) {
    .pg-csr ul li{width: 49%;}

    .style2{ width: 278px !important;}
  }
  @media (max-width: 640px) {
      .pt6{ padding-top: 40px;}
      .pb6{ padding-bottom: 40px;}
      .pt10{ padding-top: 40px;}
      .pb10{ padding-bottom: 40px;}
    .pc-list{ margin-bottom: 20px;}
      .pg-csr ul.container{ padding-left: 10px; padding-right: 10px;}
    .pg-csr ul li{width: 100%;padding-left: 10px; padding-right: 10px;}
    .pg-cst-text{ padding: 10px 15px;}

    .pcon-tit{ width: 100%;}
    .pcon-ewm{ width: 100%; text-align: center; padding-top: 40px;}
    .pcon-ewm img{ width: 200px; height: 200px;}
    .pcon-tit-t1 p{ font-size: 16px; color: #333; line-height: 200%;}

  
    .pg-gjkc-links{ height: 100%;}
    .pg-gjkc-links{ margin-top: 0px;     padding: 20px 20px;}
    p.accordion{ font-size: 16px !important;}

    #gj-h1{margin-top: 0px !important; margin-bottom: 0px !important;}
    .s-48{ font-size: 30px;}
    .service-blocks .service-block .service-content h3{ font-size: 20px;}
    .service-content p{ font-size: 14px;}
    .kf-ewm.pt5{ padding-top: 20px;}
    .service-blocks .service-block .service-content h3{ margin-bottom: 10px;}

    #themes h1.s-48{ padding-bottom: 20px;}

    #app .page .p-t-40{ padding-top: 20px !important;}
    #app .page .p-b-20{ padding-bottom: 0px !important;}
    #app .page .p-t-80{ padding-top: 40px !important;}
    #app .page .p-b-80{ padding-bottom: 20px !important;}
    #app .page h3.pb2{padding-bottom: 0px;}
    .has-overlay small{ margin-top: 50px;}

    .style2 {width: 85vw !important;}


      .pg-xx-deta p span{ font-size: 14px; }

      #myTabContent .paper-block h3 a{ font-size: 16px;}
      .sp-tt{ padding-top: 60px;}

      .has-overlay h1{ font-size: 30px;}
      .pt8{ padding-top: 40px;}
      #why.pb4{ padding-bottom: 0px;}
      .portfolio.pb6{ padding-bottom: 10px;}
      .pg-fwnr-list .service-content h3 a{ font-size: 16px;}

      .pg-next.pb8{padding-bottom:40px}
      .portfolio.aa.pb8{padding-bottom:40px;}

      .pg-text iframe{ width:100%;}
  }