body {
  background-color: #fff;
}
.sylfaen {
  font-family: "SYLFAEN";
}
#banner1 {
  padding-top: 157px;
  height: 583px;
  background: url(../../img/consultancy/banner1.jpg) no-repeat center;
}
#banner1 > h2 {
  font-size: 46px;
  font-weight: bold;
}
#banner1 > p {
  position: relative;
  top: -7px;
}
#banner1 > img {
  display: block;
  margin: 56px auto 0;
}
.banner-bottom-div {
  height: 26px;
  background-color: #D7D6D6;
}
#sourcing {
  font-family: "SYLFAEN";
  color: #7d8488;
  font-size: 20px;
  background-color: #F9F9F9;
}
#sourcing > img {
  display: block;
  margin: 0 auto;
  padding-top: 142px;
}
#sourcing > .border {
  border: 1px solid #4D2818;
  width: 79px;
  margin: 39px auto;
}
#sourcing > p {
  margin-bottom: 10px;
}
#sourcing > .sourcing1 {
  margin-top: 235px;
}
#sourcing > .sourcing1 > .lt {
  margin-left: 7%;
  width: 40%;
}
#sourcing > .sourcing1 > .rt {
  margin-right: 5%;
  /*width: 643px;*/
  width: 40%;
  position: relative;
  bottom: 66px;
}
#sourcing > .sourcing1 > .rt > p {
  width: 575px;
  display: block;
  margin: 0 auto;
  line-height: 30px;
}
#sourcing > .sourcing1 > .rt > h1 {
  font-size: 25px;
  font-weight: bold;
  color: #000;
  padding-top: 112px;
}
#sourcing > .sourcing1 > .rt > .border {
  border: 1px solid #4D2818;
  width: 79px;
  margin: 27px auto 31px;
}
#sourcing > .sourcing2 {
  margin-top: 315px;
}
#sourcing > .sourcing2 > .sourcing-text {
  margin-left: 7%;
  /*width: 705px;*/
  width: 40%;
}
#sourcing > .sourcing2 > .sourcing-text h1 {
  font-size: 25px;
  font-weight: bold;
  color: #000;
  padding-top: 42px;
}
#sourcing > .sourcing2 > .sourcing-text > .border {
  border: 1px solid #4D2818;
  width: 79px;
  margin: 27px auto 31px;
}
#sourcing > .sourcing2 > .sourcing-text > p {
  /*width: 641px;*/
  width: 100%;
  display: block;
  margin: 0 auto;
  line-height: 30px;
}
#sourcing > .sourcing2 > .sourcing-img {
  margin-left: 9%;
  width: 36%;
}
#hyd {
  margin: 262px 0 0;
  padding-bottom: 78px;
  border-bottom: 1px solid #ECEAEA;
  font-family: "SYLFAEN";
}
#hyd > img {
  display: block;
  margin: 0 auto;
}
#hyd > .border {
  border-bottom: 1px solid #B4EBE7;
  width: 79px;
  margin: 36px  auto;
}
#hyd > p {
  margin-bottom: 10px;
  color: #4b4a4a;
  font-size: 25px;
}
#hyd > ul {
  margin-top: 112px;
}
#hyd > ul > li {
  height: 440px;
  width: 32.9%;
  margin-left: 0.4%;
  line-height: 440px;
  text-align: center;
  font-family: "trajan-pro-regular";
  color: #fff;
  font-weight: bold;
  font-size: 37px;
}
#hyd > ul .hyd1 {
  background: url(../../img/consultancy/hyd1.jpg) no-repeat center;
}
#hyd > ul .hyd2 {
  background: url(../../img/consultancy/hyd2.jpg) no-repeat center;
}
#hyd > ul .hyd3 {
  background: url(../../img/consultancy/hyd3.jpg) no-repeat center;
}
#seaweed {
  padding: 129px 0 150px;
  font-family: "SYLFAEN";
}
#seaweed > img {
  display: block;
  margin: 0 auto;
}
#seaweed > .border {
  width: 79px;
  border-bottom: 1px solid #8E5E5F;
  margin: 37px auto 116px;
}
#seaweed > .img-list {
  width: 78.4%;
  margin: 0 auto;
}
#seaweed > .img-list > ul {
  height: 497px;
  margin-left: 0.3%;
  overflow: hidden;
}
#seaweed > .img-list > ul > .li1 {
  margin-bottom: 5px;
}
#seaweed > .img-list > div {
  height: 497px;
  margin-left: 0.3%;
}
#seaweed > .img-list > .ul1 {
  width: 28.8%;
}
#seaweed > .img-list > .ul1 > .li1 {
  background: url(../../img/consultancy/sea1.jpg) no-repeat center;
  height: 289px;
}
#seaweed > .img-list > .ul1 > .li2 {
  background: url(../../img/consultancy/sea2.jpg) no-repeat center;
  height: 203px;
}
#seaweed > .img-list > .d1 {
  background: url(../../img/consultancy/sea3.jpg) no-repeat center;
  width: 14%;
}
#seaweed > .img-list > .d2 {
  background: url(../../img/consultancy/sea4.jpg) no-repeat center;
  width: 10.7%;
}
#seaweed > .img-list > .ul2 {
  width: 31.2%;
}
#seaweed > .img-list > .ul2 > .li1 {
  background: url(../../img/consultancy/sea5.jpg) no-repeat center;
  height: 288px;
}
#seaweed > .img-list > .ul2 > .li2 {
  background: url(../../img/consultancy/sea6.jpg) no-repeat center;
  height: 214px;
}
#seaweed > .img-list > .d3 {
  background: url(../../img/consultancy/sea7.jpg) no-repeat center;
  width: 13.2%;
}
#seaweed > .img-list > .text {
  width: 44.2%;
  margin-top: 91px;
  height: auto;
}
#seaweed > .img-list > .text > .border {
  width: 79px;
  border: 1px solid #CCB7B7;
  margin-bottom: 31px;
}
#seaweed > .img-list > .text > p {
  line-height: 30px;
  font-size: 20px;
  color: #6c6969;
}
#seaweed > .img-list > .text2 {
  margin-left: 10.1%;
}
#agent {
  background-color: #F9F9F9;
  font-family: "SYLFAEN";
  font-size: 20px;
  color: #6c6969;
  padding: 150px 0 240px;
  border-top: 1px solid #ECEAEA;
  border-bottom: 1px solid #ECEAEA;
}
#agent > img {
  display: block;
  margin: 0 auto;
}
#agent > .border {
  width: 79px;
  border-bottom: 1px solid #8899AA;
  margin: 39px auto 159px;
}
#agent > .agent1 {
  width: 74.3%;
  margin: 0 auto;
  background: url(../../img/consultancy/food1.png) no-repeat right bottom;
  height: 510px;
}
#agent > .agent1 > div {
  width: 616px;
}
#agent > .agent1 > div h1 {
  font-size: 25px;
  font-weight: bold;
  color: #000;
}
#agent > .agent1 > div .border {
  width: 79px;
  border-bottom: 1px solid #8899AA;
  margin: 18px auto 30px;
}
#agent > .agent1 > div p {
  line-height: 30px;
}
#agent > .agent2 {
  width: 74.3%;
  margin: 265px auto 0;
  background: url(../../img/consultancy/food2.png) no-repeat left top;
  height: 310px;
}
#agent > .agent2 > div {
  width: 572px;
  margin-right: 44px;
  margin-top: 32px;
}
#agent > .agent2 > div h1 {
  font-size: 25px;
  font-weight: bold;
  color: #000;
}
#agent > .agent2 > div .border {
  width: 79px;
  border-bottom: 1px solid #8899AA;
  margin: 18px auto 30px;
}
#agent > .agent2 > div p {
  line-height: 30px;
}
#specialised {
  background-color: #F9F9F9;
  font-family: "SYLFAEN";
  font-size: 25px;
  color: #6c6969;
  padding: 185px 0 0;
}
#specialised > img {
  display: block;
  margin: 0 auto;
}
#specialised > .border {
  border-bottom: 1px solid #8899AA;
  width: 79px;
  margin: 34px auto 36px;
}
#specialised > p {
  margin-bottom: 10px;
}
#specialised > .banner2 {
  height: 839px;
  margin-top: 75px;
  background: url(../../img/consultancy/banner2.jpg) no-repeat center;
}
#specialised > .banner2 > div {
  width: 530px;
  margin-left: 10.7%;
  color: #fff;
  padding-top: 516px;
}
#specialised > .banner2 > div h1 {
  font-family: "trajan-pro-regular";
  font-size: 25px;
  font-weight: bold;
  line-height: 45px;
  padding-bottom: 40px;
}
#specialised > .banner2 > div p {
  font-size: 20px;
  line-height: 30px;
}
#navigation-r {
  height: 60px;
  display: none;
  position: fixed;
  top: 0;
  width: 100%;
  background: #000 url(../../img/consultancy/r.png) no-repeat 6.9% center;
}
#navigation-r > ul {
  width: 867px;
  margin: 0 auto;
}
#navigation-r > ul li {
  margin-right: 28px;
  margin-top: 17px;
  font-family: "Microsoft YaHei";
  font-size: 16px;
  cursor: pointer;
}
#navigation-r > ul .active b {
  border: 2px solid #fff;
  border-radius: 50%;
  display: block;
  width: 0 ;
  margin: 5px auto 0;
}
section > img {
  opacity: 0;
}
section > p {
  opacity: 0;
}


/*********PGC**********/
 @media screen and (min-width: 1000px) and (max-width: 1400px) {
  #agent > .agent1{
    width: 98.3%;
  }
  #agent > .agent2{
    width: 98.3%;
  }

 }
 @media screen and (min-width: 1400px) and (max-width: 1700px) {
  #agent > .agent1{
    width: 94.3%;
  }
  #agent > .agent2{
    width: 94.3%;
  }

 }