﻿/* 公共 ----------------------------------------------------- */

.hide-m{display: block;}
.hide-pc{display: none;}

/*主体部分*/

.txt-intro {
  padding-top: 125px;
}
.txt-intro span {
  font-size: 16px;
  position: relative;
}
.txt-intro span::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 80px;
  width: 45px;
  height: 2px;
  background-color: #ccc;
}
.txt-intro h2 {
  margin-top: 25px;
  font-size: 48px;
  position: relative;
  background: url(../images/hr.png);
  background-repeat: no-repeat;
  background-position: 0 56px;

}
.txt-intro h2 img {
  position: absolute;
  top: 0;
  left: 550px;
}
 
/*文字列表 start*/
.txtlist {
  padding: 60px 0 100px;
}
.txtlist .tit h3,.txtlist .tit p{
  text-align: center;
}
.txtlist .tit h3 {
  font-size: 24px;

  font-weight: 400;
}
.txtlist .tit p {
  margin-top: 18px;
  font-size: 18px;
  color: #999;
}
.txtlist .ul-list {
  padding-top: 114px;
  overflow: hidden;
}
.txtlist .ul-list li {
  width: 33.33%;
  float: left;
  padding: 0 80px 0 20px;
}
.txtlist .ul-list li span {
  font-size: 72px;
  color: #ebebeb;
      font-family: goodmu;
}
.txtlist .ul-list li h3 {
  font-size: 24px;
  font-weight: 400;
}
.txtlist .ul-list li p {
  font-size: 16px;
  color: #999;
  margin-top: 38px;
  line-height: 27px;
}
/*导师队伍列表*/
.ul-teamlist .txtimg {
  margin-bottom: 115px;
}
.ul-teamlist .wp {
  max-width: 1440px;
  position: relative;
  z-index: 8;
}
.ul-teamlist .wp2{
  max-width: 1160px;
  position: relative;
}
.ul-teamlist  li{
  background: url(../images/bg1_02.jpg) no-repeat center top #fff;
  overflow: hidden;
  position: relative;
  margin-bottom: 130px;
  
}

.ul-teamlist .txtimg .pic {
  height: 550px;
  position: absolute;
  top: 45px;
  right: -80px;
  float: right;
}
.ul-teamlist .txtimg .info {
  padding-top: 151px;
}
.ul-teamlist .txtimg .pic img {
  width: 100%;
}
.ul-teamlist .txtimg .info {
}
.ul-teamlist .txtimg .info h3 {
  font-size: 36px;
  font-weight: 400;
  color:#000;
}
.ul-teamlist .txtimg .info h3 span {
  font-size: 18px;
  font-weight: 400;
  margin-left: 18px;
}
.ul-teamlist .txtimg .info .desc {
  font-size: 18px;
  width: 600px;
  margin-top: 40px;
  margin-bottom: 64px;
  color:#333;
}
.ul-teamlist .desc-m{display: none;}
.ul-teamlist .info .year,.ul-teamlist .info .cus {
  float: left;
  position: relative;
}
.ul-teamlist .info .year::before,.ul-teamlist .info .cus::before {

  position: absolute;
  width: 155px;
  height: 4px;
  background-color: #e60013;
  bottom: -15px;
}
.ul-teamlist .info .cus {
  margin-left:100px;
}
.ul-teamlist .info .year span,.ul-teamlist .info .cus span {
  line-height: 1;
  font-size: 85px;
  color: #e60013;
  position: relative;
  font-family: goodmu;
}
.ul-teamlist .info .year em{
color: #e60013;
  font-size: 18px;
  position: absolute;
  top: 15px;
  right:45px;
  overflow: hidden;
}
.ul-teamlist .info .year p,.ul-teamlist .info .cus p {
  font-size: 16px;
}
.ul-teamlist .info .cus em{
 color: #e60013;
  font-size: 18px;
  position: absolute;
  top: 15px;
  right:30px;overflow: hidden;
}
.ul-teamlist  .txt {
  background: #fff;
  padding: 60px 0;
  border-top-right-radius: 70px;
  border-top-left-radius: 10px;
  height: 200px;
}

.ul-teamlist .txt h3 {
  font-size: 24px;
  float: left;
  font-weight: 400;
}
.ul-teamlist .txt p {
  float: left;
  margin-left: 108px;
  font-size: 18px;
  color: #999;
  position: relative;
}
.ul-teamlist .txt p::before {
  content: '';
  position: absolute;
  top: 6px;
  left: -37px;
  width: 2px;
  height: 70px;
  background-color: #e60013;
}
/*产品列表*/
.prolist {
  background-color: #f3f9f9;
  padding:60px 0 80px;
  overflow: hidden;
}
.prolist .wp {
  max-width: 1200px;
}
.prolist h3 { 
  margin-bottom: 50px;
}
.prolist .ul-prolist {
  width: 100%;
}
.prolist .ul-prolist li{
  float: left;
  width: 33.33%;
  padding: 8px;
}
.prolist .ul-prolist li a {
  display: block;
  height: 100%;
}
.prolist .ul-prolist li a img {
  width: 100%;
  height: 100%;
  display: block;
}
.huaban {
  text-align: center;
  padding: 46px 0 52px;
  background-color: #f3f9f9;
        
  margin:0 auto;
}
.huaban h3 {
  font-size: 18px;
  color: #333;
  font-weight: 400;
  margin-bottom: 5px;
  letter-spacing: 2px;
 }
.huaban p {
  color: #999;
  font-size: 16px;
  margin-bottom: 30px;
 }
.huaban a {
   font-size: 14px;
   color: #fff;
   display: inline-block;
   height: 40px;
   line-height: 40px;
   background: url(../images/ico-14-m.png_%3b%20filename_%3dutf-8%27%20%27ico-14-m.png)no-repeat 15px center #e60013;
  -webkit-background-size: 11px;
   background-size: 11px;
   padding: 0 12px;

}
.huaban a span {
    background: url(../images/ico-8-m.png_%3b%20filename_%3dutf-8%27%20%27ico-8-m.png)no-repeat right center;
    -webkit-background-size: 16px 9px;
    background-size: 16px 9px;
    padding: 0 25px;

}
/*第二个文字列表*/
.txtlist1 {
  padding-top: 120px;
  background: url(../images/bg06.png) no-repeat center top;
}
.txtlist1 .wp {
  max-width: 1280px;
}
.txtlist1 .wp > h3 {
  font-size: 24px;
  text-align: center;
  font-weight: 400;
}
.txtlist1 .ul-list {
  margin-top: 67px;
}
.txtlist1 .ul-list li {
  width: 33.33%;
  float: left;
  padding: 0 40px;
}
.txtlist1 .ul-list li span {
  font-size: 22px;
  color: #e60013;
  font-family: goodmu;
}
.txtlist1 .ul-list li h3 {
  font-size: 24px;
  font-weight: 400;
  margin-top: 50px;
  margin-bottom:25px;

}
.txtlist1 .ul-list li p {
  font-size: 16px;
  line-height: 30px;
  position: relative;
}

.txtlist1 .ul-list li p:after{
  content: " ";
  position: absolute;
  bottom: -35px;
  left:0;
  width: 24px;
  height: 2px;
  background: #ccc;
}
.slider-txt4 .pic{
    display: block;
    border-radius: 5px;
    overflow: hidden;
}
.slider-txt4 .pic img {
    display: block;
    width: 100%;
}

/*.thr-kc01 .leaf{ left:35%; }*/

@media only screen and (max-width: 1024px){

    .ul-teamlist .txt h3{font-size: 20px;}
    .ul-teamlist .txt p{overflow: hidden;float: none;padding-left: 20px;font-size: 16px;}
    .ul-teamlist .txt p::before{left: 0;}
    .ul-teamlist li{margin-bottom: 50px;}
}


@media only screen and (max-width:999px){
  .hide-m{display: none;}
.hide-pc{display: block;}

.txtlist1 .ul-list li p:after { left:50%; margin-left: -12px; }
.slider-pic1 .pic-m { padding-top: 52%; }
.thr-pic1 .txt-m{
  text-align: center;
  font-size: 16px;
  padding: 50px 0;
  background: #f3f9f9;
  color:#999;
  line-height: 2;
}

.txtlist .ul-list li span {font-size: 50px;}

  .prolist .wp {width: auto;}
  .txtlist .ul-list li,.txtlist1 .ul-list li {width: auto; padding: 0 20px; text-align: center; float: none; margin-bottom: 20px;}
  .txtlist .ul-list li p { margin-top: 18px; }

  .ul-teamlist .txt,.ul-teamlist .info .year, .ul-teamlist .info .cus {display: none;}
  .ul-teamlist li { 
  -webkit-background-size: auto 100%;
  background-size: auto 100%; 
  background-position:right -10%;
  margin-bottom: 30px;
  padding:0 10px;
}
  .ul-teamlist .txtimg .info{
      position: absolute;
      padding-top: 29%;
      z-index: 9;
  }
  .ul-teamlist .txtimg .pic {
      height: auto;
      position: relative;
      float: none;
      padding-top: 60%;
      top:0;
      right: 0;
  }
  .ul-teamlist .txtimg .pic img {
      position: absolute;
      right: 0;
      bottom: 0;
      height: 90%;
      width: auto;
  }

  .ul-teamlist .txtimg .info .desc {
    background: #fff; 
    border-top-right-radius: 10px; 
    border-top-left-radius:50px; 
    width: auto; 
    margin: 0;
    font-size: 16px;
    text-align: center;
    min-height: 200px;
    display: none;
  }
  .ul-teamlist .txtimg{margin-bottom: 0;}
  .ul-teamlist .desc-m{
    background: #fff; 
    border-top-right-radius: 10px; 
    border-top-left-radius:50px; 
    width: auto; 
    margin: 0;
    font-size: 16px;
    text-align: center;
    display: block;
    padding: 30px;
    margin-top: -10%;
    position: relative;
    z-index: 10;
  }

  .ul-teamlist .txtimg .info .desc .con{
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
  }

  .ul-teamlist .txtimg .info h3 {font-size: 20px; margin-bottom: 30px; padding-left: 30px; color:#333;}
  .ul-teamlist .txtimg .info h3 span{display: block; margin-left: 0; font-size: 14px; padding-top: 5px; color:#999;}


  .txtlist1 .ul-list li h3 { margin-top: 5px; }
  .txtlist1 .ul-list li { margin-bottom: 50px;}
  .txtlist1 .ul-list li p {color:#999;}

  .txtlist .ul-list { padding-top: 50px; }

}

@media only screen and (max-width:768px){

  .txtlist1 {margin-bottom: 50px; overflow: hidden;}
  .prolist { padding-bottom: 0; overflow: visible; }
  .slider-txt4 { padding-bottom: 40px; }
  .slider-txt4 .point { bottom:0; }
   .m-tit2,.txtlist .ul-list li h3 {font-size: 18px!important; }
}
@media only screen and (max-width:767px){
    .txtlist {
        padding: 50px 0;
    }
    .ul-teamlist .txtimg .info .desc {
        padding: 20px;
        border-top-right-radius: 5px;
        border-top-left-radius: 30px;
        font-size: 14px;
        min-height: auto;
    }
    .ul-teamlist li {
        margin-bottom: 10px;
    }
    .txtlist1 {
        background: none;
        margin: 0;
        padding: 50px 0;
    }
    .txtlist1 .ul-list li h3 {
        font-size: 18px;
    }
    .ul-teamlist .desc-m{
      font-size: 14px;
      padding: 20px;
    }
}


@media only screen and (max-width:470px){
  .huaban a {font-size: 14px;}

.ul-teamlist  li{
  background: url(../images/bg1_02-m.jpg) no-repeat;
  }
}

