.banner-text-margin-bottom {
  margin-bottom: 26px;
}
.stylfaen {
  font-family: "SYLFAEN";
}
#banner1 {
  background: url(../img/banner1.jpg) no-repeat center;
  height: 851px;
}
#banner1 > .banner-text {
  width: 634px;
  margin-left: 327px;
  padding-top: 300px;
  opacity: 0;
}
#banner1 > .banner-text > h2 {
  font-size: 25px;
  margin-bottom: 26px;
}
#banner1 > .banner-text > h1 {
  font-size: 45px;
  font-weight: bold;
  margin-bottom: 26px;
}
#banner1 > .banner-text > h3 {
  font-size: 16px;
  margin-bottom: 26px;
}
#banner1 > .banner-text > h3 > span {
  width: 225px;
  border-bottom: 3px solid #fff;
  position: relative;
  top: 6px;
}
#banner1 > .banner-text > a {
  display: block;
  border: 2px solid #fff;
  padding: 10px 19px;
  width: 166px;
  font-family: "SYLFAEN";
  font-weight: bold;
  margin: 0 auto;
  position: relative;
  top: 10px;
}
#banner1 > .follow-us {
  font-family: "Microsoft YaHei";
  font-weight: 100;
  margin-left: 150px;
  margin-top: 152px;
}
#banner1 > .follow-us > img {
  position: relative;
  top: -5px;
  left: 15px;
}
.title-text {
  position: relative;
  width: 1184px;
  margin: 0 auto;
  color: #000;
}
.title-text > h1 {
  font-size: 29px;
  font-weight: 800;
}
.title-text > .text-line.left-line {
  margin-right: 960px;
  position: relative;
  top: -18px;
}
.title-text > .text-line.right-line {
  position: absolute;
  left: 960px;
  top: 13px;
}
.title-text > .text-line {
  width: 0;
  border-bottom: 3px solid #020202;
}
.title-text > .stylfaen-p {
  margin-top: 17px;
  color: #656363;
}
#consultancy {
  padding: 148px 0 90px;
  background-color: #F3F3F3;
}
#consultancy > .consultancy-list {
  width: 1344px;
  margin: 67px auto 0;
}
#consultancy > .consultancy-list > .list-1 {
  background: url(../img/consultancy1.jpg) no-repeat center;
  height: 332px;
  width: 1344px;
}
#consultancy > .consultancy-list > ul.clear-float {
  margin-top: 18px;
}
#consultancy > .consultancy-list > ul.clear-float > li {
  width: 436px;
  height: 337px;
}
#consultancy > .consultancy-list > ul.clear-float > li.list-2 {
  background: url(../img/consultancy2.jpg) no-repeat center;
}
#consultancy > .consultancy-list > ul.clear-float > li.list-3 {
  background: url(../img/consultancy3.jpg) no-repeat center;
  margin: 0 18px;
}
#consultancy > .consultancy-list > ul.clear-float > li.list-4 {
  background: url(../img/consultancy4.jpg) no-repeat center;
}
#consultancy > .consultancy-list > ul.clear-float > li.list {
  background-size: 100%;
}
#consultancy > .consultancy-list > ul.clear-float > li.list > div > div.border > div.border-bottom {
  margin: 307px auto 0;
}
#consultancy > .consultancy-list .list {
  background-size: 100%;
}
#consultancy > .consultancy-list .list > div {
  position: relative;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 1;
  opacity: 1;
}
#consultancy > .consultancy-list .list > div > h2 {
  font-size: 20px;
  padding-top: 135px;
}
#consultancy > .consultancy-list .list > div > a {
  display: block;
  margin: 34px auto 0;
  width: 163px;
  padding: 10px 19px;
  position: relative;
}
#consultancy > .consultancy-list .list > div > a > div {
  position: absolute;
}
#consultancy > .consultancy-list .list > div > a > .border-top-left {
  border-top: 2px solid #fff;
  top: 0;
  width: 50%;
  left: 0;
}
#consultancy > .consultancy-list .list > div > a > .border-top-right {
  border-top: 2px solid #fff;
  top: 0;
  width: 50%;
  right: 0;
}
#consultancy > .consultancy-list .list > div > a > .border-left {
  height: 100%;
  bottom: 0;
  left: 0;
  border-left: 2px solid #fff;
}
#consultancy > .consultancy-list .list > div > a > .border-right {
  height: 100%;
  bottom: 0;
  right: 0;
  border-right: 2px solid #fff;
}
#consultancy > .consultancy-list .list > div > a > .border-bottom {
  bottom: 0;
  width: 100%;
  left: 0;
  border-bottom: 2px solid #fff;
}
#consultancy > .consultancy-list .list > div > div.border {
  position: absolute;
  top: 15px;
  left: 15px;
  right: 15px;
  bottom: 15px;
  z-index: -1;
}
#consultancy > .consultancy-list .list > div > div.border > .border-top {
  width: 0;
  margin: 0 auto;
  border-top: 2px solid #fff;
}
#consultancy > .consultancy-list .list > div > div.border > .border-left {
  height: 0;
  position: relative;
  top: 50%;
  border-left: 2px solid #fff;
}
#consultancy > .consultancy-list .list > div > div.border > .border-right {
  height: 0;
  position: relative;
  top: 50%;
  border-left: 2px solid #fff;
}
#consultancy > .consultancy-list .list > div > div.border > .border-bottom {
  width: 0;
  margin: 300px auto 0;
  border-top: 2px solid #fff;
}
#consultancy > .consultancy-list .list.list-1 > div > h2 {
  font-size: 29px;
}
#marketing {
  padding: 148px 0 0;
}
#marketing > ul.clear-float {
  width: 100%;
  margin-top: 53px;
  background-color: #F3F3F3;
}
#marketing > ul.clear-float > li {
  width: 50%;
  height: 450px;
}
#marketing > ul.clear-float > li.img1 {
  background: url(../img/marketing1.jpg) no-repeat center;
}
#marketing > ul.clear-float > li.img2 {
  background: url(../img/marketing2.jpg) no-repeat center;
}
#marketing > ul.clear-float > li.img3 {
  background: url(../img/marketing3.jpg) no-repeat center;
}
#marketing > ul.clear-float > li.only-text {
  padding: 90px 140px 0 100px;
  opacity: 1;
}
#marketing > ul.clear-float > li.only-text > .small-border {
  border-bottom: 3px solid #A1A1A1;
  width: 52px;
  margin-bottom: 22px;
}
#marketing > ul.clear-float > li.only-text > p {
  font-size: 20px;
  color: #000;
  line-height: 30px;
}
#marketing > ul.clear-float > li.only-text > a {
  background-color: #000;
  color: #fff;
  font-size: 12px;
  padding: 21px 26px;
  position: relative;
  top: 50px;
}
#reason {
  padding-top: 88px;
}
#reason .title-text .left-line {
  top: -190px;
}
#reason .title-text .right-line {
  top: 185px;
}
#reason .title-text .confusion {
  width: 676px;
  margin: 0 auto;
}
#reason .title-text .big-50 {
  font-size: 291px;
}
#reason .title-text .font-20 {
  font-size: 20px;
  width: 385px;
  position: relative;
  top: 67px;
  left: 15px;
}
#reason .title-text .font-20 .more-text {
  color: #858585;
}
#reason .title-text .font-20 .more-text span {
  font-weight: bold;
  color: #000;
}
#reason .title-text .font-20 .add {
  font-size: 58px;
}
#reason .title-text .font-20 .add-text {
  position: relative;
  top: 20px;
  left: 15px;
}
#reason > .icon-list {
  padding: 128px 0;
  background-color: #373737;
}
#reason > .icon-list > ul > li.col-xs-3 {
  font-family: "SYLFAEN";
}
#reason > .icon-list > ul > li.col-xs-3 > img {
  display: block;
  margin: 0 auto;
}
#reason > .icon-list > ul > li.col-xs-3 > p {
  width: 149px;
  margin: 20px auto 0;
  padding: 17px 0 20px;
  border-bottom: 2px solid #979797;
  border-top: 2px solid #979797 ;
}



/*********PGC**********/
 @media screen and (min-width: 1000px) and (max-width: 1400px) {
  #consultancy > .consultancy-list > ul.clear-float > li.list > div > div.border > div.border-bottom{
    margin: 283px auto 0;
  }
  #consultancy > .consultancy-list > ul.clear-float > li{
    width: 403px;
    height: 313px;
  }
  #consultancy > .consultancy-list .list > div > div.border > .border-bottom{
    margin: 278px auto 0;
  }
  #consultancy > .consultancy-list{
    width: 1246px;
    margin: 67px auto 0;
  }
  #consultancy > .consultancy-list > .list-1{
    width: 1246px;
    height: 307px;
    margin: 0 auto;
  }


 }