.g-banp1.g-ban-f01 {
  padding-top: 32.552%;
}

.g-banp1.g-ban-f01::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.18);
}

.g-banp1.g-ban-f01 .txt {
  z-index: 2;
}

/* row-dangjian */
.row-dangjian {
  padding-top: 50px;
  overflow: hidden;
}

.row-dangjian .wp-f02 {}

.row-dangjian .content {
  position: relative;
  padding-right: 33.7%;
}

.row-dangjian .right {
  padding-right: 20px;
  overflow: hidden;
}

.g-honor {
  padding-top: 60px;
  float: right;
  width: 33.7%;
  position: absolute;
  right: 0;
  top: 0;
}

.g-honor .honor {
  padding: 35px 24px;
  background: #bf2e15;
}

.g-honor h2 {
  margin-bottom: 35px;
  line-height: 50px;
  padding-left: 58px;
  background: url(../images/dangjian/f-icon01.png) 0 center no-repeat;
  background-size: 38px auto;
  font-style: italic;
  color: #ebdea7;
  font-size: 48px;
  position: relative;
}

.g-honor h2 span {}

.g-honor h2::after {
  content: "";
  display: block;
  position: absolute;
  left: 165px;
  right: 0;
  top: 50%;
  border-bottom: 1px solid #ebdea7;
}

.g-honor img {
  width: 100%;
  height: auto;
  display: block;
}

/* .row-dangjian .wp{
  padding: 130px;
  max-width: none;
} */

/* m-dangjian */
.m-dangjian {}

.m-dangjian .item {
  margin-bottom: 55px;
}

.m-dangjian .detail {
  font-size: 18px;
  color: #333333;
  line-height: 2;
}

/* m-dangjian end */

/* g-tit-f01 */
.g-tit-f01 {
  margin-bottom: 40px;
  font-size: 26px;
  color: #c52f31;
  line-height: 60px;
  border-bottom: 2px solid #c52f31;
}

/* g-tit-f01 END */
.wp-f02 {
  padding: 0 130px;
}

/* row-dangjian end */

/* row-dangjian-list */
.row-dangjian-list {
  overflow: hidden;
  padding-bottom: 110px;
}

/* row-dangjian-list end */
.ul-dangjian-list {
  overflow: hidden;
  margin: 0 -20px;
}

.ul-dangjian-list li {
  float: left;
  padding: 0 20px;
  overflow: hidden;
  width: 25%;
  margin-bottom: 60px;
}

.ul-dangjian-list .con {
  display: block;
  margin: 0 40px;
}

.ul-dangjian-list .pic {
  padding-top: 66.75%;
  position: relative;
  margin-bottom: 18px;
  overflow: hidden;
}

.ul-dangjian-list .pic img {
  width: 100%;
  height: auto;
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  left: 0;
  transition: .3s;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  -ms-transition: .3s;
  -o-transition: .3s;
}
.ul-dangjian-list .pic .img{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: block;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  transition: .3s;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  -ms-transition: .3s;
  -o-transition: .3s;
}

.ul-dangjian-list a:hover .pic .img{
  transform:  scale(1.2);
  -webkit-transform:  scale(1.2);
  -moz-transform:  scale(1.2);
  -ms-transform:  scale(1.2);
  -o-transform:  scale(1.2);
}
.ul-dangjian-list a:hover .pic img {
  transform: translateY(-50%) scale(1.2);
  -webkit-transform: translateY(-50%) scale(1.2);
  -moz-transform: translateY(-50%) scale(1.2);
  -ms-transform: translateY(-50%) scale(1.2);
  -o-transform: translateY(-50%) scale(1.2);
}

.ul-dangjian-list .time {
  margin-bottom: 10px;
  font-size: 15px;
  color: #777777;
}

.ul-dangjian-list h3 {
  height: 3em;
  font-size: 18px;
  color: #333;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
}

.g-more-f01 {
  display: block;
  margin: 0 auto;
  font-size: 16px;
  color: #c49f5e;
  height: 44px;
  width: 210px;
  line-height: 44px;
  text-align: center;
  border: 1px solid #c49f5e;
  border-radius: 40px;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  -ms-border-radius: 40px;
  -o-border-radius: 40px;
}

@media only screen and (min-width: 1199px) and (max-width: 1800px) {

  /* row-dangjian */
  .row-dangjian {
    padding-top: 2.777vw;
  }

  .row-dangjian .right {
    padding-right: 1.111vw;
  }

  .g-honor {
    padding-top: 3.333vw;
    width: 33.7%;
  }

  .g-honor .honor {
    padding: 1.944vw 1.333vw;
    background: #bf2e15;
  }

  .g-honor h2 {
    margin-bottom: 1.944vw;
    line-height: 2.777vw;
    padding-left: 3.222vw;
    background: url(../images/dangjian/f-icon01.png) 0 center no-repeat;
    background-size: 2.111vw auto;
    font-style: italic;
    font-size: 2.666vw;
  }

  .g-honor h2 span {}

  .g-honor h2::after {
    content: "";
    left: 9.166vw;
    right: 0;
    border-bottom: 1px solid #ebdea7;
  }

  .g-honor img {
    height: auto;
  }

  /* .row-dangjian .wp{
    padding: 7.222vw;
    max-width: none;
  } */
  /* m-dangjian */
  .m-dangjian {}

  .m-dangjian .item {
    margin-bottom: 3.055vw;
  }

  .m-dangjian .detail {
    font-size: 1vw;
    line-height: 2;
  }

  /* m-dangjian end */
  /* g-tit-f01 */
  .g-tit-f01 {
    margin-bottom: 2.222vw;
    font-size: 1.444vw;
    line-height: 3.333vw;
    border-bottom: 0.111vw solid #c52f31;
  }

  /* g-tit-f01 END */
  .wp-f02 {
    padding: 0 7.222vw;
  }

  /* row-dangjian end */
  /* row-dangjian-list */
  .row-dangjian-list {
    padding-bottom: 6.111vw;
  }

  /* row-dangjian-list end */
  .ul-dangjian-list {
    margin: 0 -1.111vw;
  }

  .ul-dangjian-list li {
    padding: 0 1.111vw;
    margin-bottom: 3.333vw;
  }

  .ul-dangjian-list .con {
    margin: 0 2.222vw;
  }

  .ul-dangjian-list .pic {
    padding-top: 66.75%;
    margin-bottom: 1vw;
  }

  .ul-dangjian-list .pic img {
    height: auto;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
  }

  .ul-dangjian-list a:hover .pic img {
    transform: translateY(-50%) scale(1.2);
    -webkit-transform: translateY(-50%) scale(1.2);
    -moz-transform: translateY(-50%) scale(1.2);
    -ms-transform: translateY(-50%) scale(1.2);
    -o-transform: translateY(-50%) scale(1.2);
  }

  .ul-dangjian-list .time {
    margin-bottom: 0.555vw;
    font-size: 0.833vw;
  }

  .ul-dangjian-list h3 {
    height: 3em;
    font-size: 1vw;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }

  .g-more-f01 {
    margin: 0 auto;
    font-size: 0.888vw;
    height: 2.444vw;
    width: 11.66vw;
    line-height: 2.444vw;
    border: 1px solid #c49f5e;
    border-radius: 2.222vw;
    -webkit-border-radius: 2.222vw;
    -moz-border-radius: 2.222vw;
    -ms-border-radius: 2.222vw;
    -o-border-radius: 2.222vw;
  }
}

@media screen and (max-width: 1199px) {
  .wp-f02 {
    padding: 0 15px;
  }

  .g-tit-f01 {
    font-size: 22px;
    line-height: 50px;
    margin-bottom: 20px;
  }

  .row-dangjian {
    padding-top: 30px;
  }

  .m-dangjian .detail {
    font-size: 14px;
  }

  .m-dangjian .item {
    margin-bottom: 30px;
  }

  .g-honor {
    padding-top: 50px;
  }

  .g-honor h2::after {
    left: 110px;
  }

  .g-honor .honor {
    padding: 20px 15px;
  }

  .g-honor h2 {
    margin-bottom: 15px;
    font-size: 25px;
    padding-left: 40px;
    background-size: 25px auto;
  }

  .row-dangjian-list {
    padding-bottom: 50px;
  }

  .ul-dangjian-list {
    margin: 0 -10px;
  }

  .ul-dangjian-list li {
    margin-bottom: 20px;
    width: 33.33%;
    padding: 0 10px;
  }

  .ul-dangjian-list .pic {
    margin-bottom: 12px;
  }

  .ul-dangjian-list .time {
    margin-bottom: 0;
    font-size: 12px;
  }

  .ul-dangjian-list h3 {
    font-size: 15px;
    font-weight: normal;
  }

}

@media only screen and (max-width: 1440px) {}

@media only screen and (max-width: 960px) {

  .ul-dangjian-list li {
    width: 50%;
    margin-bottom: 30px;
  }

  .ul-dangjian-list .con {
    font-size: 13px;
  }

  .ul-dangjian-list .tit {
    font-size: 15px;
  }

  .g-more-f01 {
    height: 34px;
    width: 150px;
    line-height: 34px;
    border-radius: 24px;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    -ms-border-radius: 24px;
    -o-border-radius: 24px;
    font-size: 13px;
  }
}

@media only screen and (max-width: 767px) {
  .m-news {
    padding: 40px 0;
  }

  .ul-dangjian-list {
    margin: 0 -8px;
  }

  .ul-dangjian-list li {
    margin-bottom: 20px;
  }

  .ul-dangjian-list .con {
    margin: 0 8px;
  }

  .ul-dangjian-list .time,
  .ul-dangjian-list .pic {
    margin-bottom: 8px;
  }

  .ul-dangjian-list .desc,
  .ul-dangjian-list .tit {
    margin-bottom: 10px;
  }

  .g-more-f01 {
    width: 120px;
  }
  .ul-dangjian-list li {
    width: 100%;
  }
  .row-dangjian .content{
    padding-right: 0;
  }
  .row-dangjian .right{
    padding-right: 0;
  }
  .g-tit-f01{
    font-size: 18px;
  }
  .g-honor{
    width: 100%;
    position: relative;
  }
  .m-dangjian .item{
    margin-bottom: 20px;
  }
  .g-honor{
    margin-bottom: 20px;
    padding-top: 0;
  }
  .g-honor h2{
    padding-left: 30px;
    background-size: 20px;
    font-size: 22px;
    line-height: 40px;
  }
  .g-honor h2::after{
    left: 100px;
  }
}

/*! news end*/
/* g-titp1-f01 */
.g-titp1-f01{
  margin: 0 0;
  max-width: 980px;
  text-align: left;
}
.g-titp1.g-titp1-f01 .tit{
  margin-bottom: 40px;
  text-align: left;
  /* font-size: 42px; */
}
.g-titp1.g-titp1-f01 .desc{
  /* font-size: 18px; */
}
.row-aboutus1{
  background-image: url(../images/dangjian/f-bg01.jpg);
}
/* g-titp1-f01 end */
.row-fenzhi{
  padding: 75px 0 90px;
  background: url(../images/dangjian/f-bg01.jpg) center center no-repeat;
  background-size: cover;
}
.m-fenzhi .g-titst1{
  margin-bottom: 0;
}
.m-fenzhi .fenzhi{
}
.m-fenzhi .fenzhi img{
  width: 100%;
  height: auto;
  display: block;
}
.g-more-f01.black{
  border-color: #1d1f21;
  color: #1d1f21;
  transition: all .3s;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
}
.g-more-f01.black:hover{
  background-color: #1d1f21;
  color: #fff;
}
.row-a5-f01{

}
.row-a5-f01 .ul-newsb1{
  margin-bottom: 70px;
}
.row-aboutus4{
  position: relative;
}
.m-relation-f01{
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  z-index: 10;
}
.m-relation-f01 .con{
  padding: 50px 50px 40px;
  width: 37.08%;
  background: #c79f62;
  color: #fff;
}
.m-relation-f01 .g-titst1{
  color: #fff;
}
.m-relation-f01 .item{
  margin-bottom: 30px;
}
.m-relation-f01 .item:last-child{
  margin-bottom: 0;
}
.m-relation-f01 .m-addr-ip .txt{
  color: #fff; 
  background-image: url(../images/dangjian/b3.png);
}
.m-relation-f01 .m-tele-ip .txt{
  color: #fff; 
  background-image: url(../images/dangjian/a2.png);
}
.m-relation-f01 .m-mail-ip .txt{
  color: #fff; 
  background-image: url(../images/dangjian/a3.png);
}
.m-relation-f01 .m-tele-ip .num{
  line-height: 1.2;
}
/* row-tab-f01 */
.row-tab-f01{
  height: 100px;
  position: relative;
  z-index: 20;
}
.m-tab-f01{
  box-shadow: rgba(0, 0, 0, 0.18) 0 5px 5px 0; 
  background: #fff;
}
.row-tab-f01.fixed .m-tab-f01{
  position: fixed;
  left: 0;
  right: 0;
  top: 100px;
}
.ul-tab{
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  font-size: 0;
  height: 100px;
  line-height: 100px;
}
.ul-tab li{
  height: 100%;
  display: inline-block;
}
.ul-tab a{
  min-width: 125px;
  padding: 0 10px;
  height: 100%;
  font-size: 18px;
  color: #666666;
  display: block;
  position: relative;
  text-align: center;
}
.ul-tab a::after{
  content: "";
  display: block;
  border-bottom: 2px solid #c79f62;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  transition: all .3s;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
}
.ul-tab .on a:after,
.ul-tab a:hover:after{
  opacity: 1;
}
/* row-tab-f01 end */
/* g-banp1-f02 */
.g-banp1-f02{

}
.g-banp1-f02 .tit{
  padding-top: 16px;
  height: 130px;
  box-sizing: content-box;
}
.g-banp1-f02 .tit img{
  margin: 0 auto;
  width: auto;
  height: 100%;
  display: block;
}
/* g-banp1-f02 end */
@media only screen and (min-width: 1199px) and (max-width: 1800px) {
  /*! news end*/
  /* g-titp1-f01 */
  .g-titp1-f01{
    margin: 0 0;
  }
  .g-titp1.g-titp1-f01 .tit{
    margin-bottom: 2.222vw;
    /* font-size: 2.333vw; */
  }
  .g-titp1.g-titp1-f01 .desc{
    /* font-size: 1vw; */
  }
  .row-aboutus1{
    background-image: url(../images/dangjian/f-bg01.jpg);
  }
  /* g-titp1-f01 end */
  .row-fenzhi{
    padding: 4.166vw 0 5vw;
    background: url(../images/dangjian/f-bg01.jpg) center center no-repeat;
    background-size: cover;
  }
  .m-fenzhi .g-titst1{
    margin-bottom: 0;
  }
  .m-fenzhi .fenzhi{
  }
  .m-fenzhi .fenzhi img{
    height: auto;
  }
  .g-more-f01.black:hover{
  }
  .row-a5-f01{
  }
  .row-a5-f01 .ul-newsb1{
    margin-bottom: 3.888vw;
  }
  .row-aboutus4{
  }
  .m-relation-f01{
    right: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
  }
  .m-relation-f01 .con{
    padding: 2.777vw 2.777vw 2.222vw;
    width: 37.08%;
    background: #c79f62;
  }
  .m-relation-f01 .g-titst1{
  }
  .m-relation-f01 .item{
    margin-bottom: 1.666vw;
  }
  .m-relation-f01 .item:last-child{
    margin-bottom: 0;
  }
  .m-relation-f01 .m-addr-ip .txt{
    background-image: url(../images/dangjian/b3.png);
  }
  .m-relation-f01 .m-tele-ip .txt{
    background-image: url(../images/dangjian/a2.png);
  }
  .m-relation-f01 .m-mail-ip .txt{
    background-image: url(../images/dangjian/a3.png);
  }
  .m-relation-f01 .m-tele-ip .num{
    line-height: 1.2;
  }
  /* row-tab-f01 */
  .row-tab-f01{
    height: 5.555vw;
  }
  .m-tab-f01{
    box-shadow: rgba(0, 0, 0, 0.18) 0 0.277vw 0.277vw 0; 
    background: #fff;
  }
  .row-tab-f01.fixed .m-tab-f01{
    right: 0;
    top: 5.555vw;
  }
  .ul-tab{
    white-space: nowrap;
    font-size: 0;
    height: 5.555vw;
    line-height: 5.555vw;
  }
  .ul-tab li{
  }
  .ul-tab a{
    min-width: 6.944vw;
    padding: 0 0.555vw;
    font-size: 1vw;
  }
  .ul-tab a::after{
    content: "";
    border-bottom: 2px solid #c79f62;
    right: 0;
    bottom: 0;
    opacity: 0;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
  }
  .ul-tab .on a:after,
  .ul-tab a:hover:after{
    opacity: 1;
  }
  /* row-tab-f01 end */
  /* g-banp1-f02 */
  .g-banp1-f02{
  }
  .g-banp1-f02 .tit{
    padding-top: 0.888vw;
    height: 30%;
    box-sizing: content-box;
  }
  .g-banp1-f02 .tit img{
    margin: 0 auto;
    width: auto;
  }
  /* g-banp1-f02 end */
}
@media only screen and (max-width: 1199px){
  .g-banp1-f02 .tit{
    padding-top: 0.888vw;
    height: 7.222vw;
    box-sizing: content-box;
  }
  .g-titp1-f01{
    padding: 0;
    max-width: none;
  }
  .row-tab-f01{
    height: 50px;
  }
  .row-tab-f01.fixed .m-tab-f01{
    top: 50px;
  }
  .ul-tab{
    height: 50px;
    line-height: 50px;
  }
  .ul-tab a{
    min-width: 80px;
    font-size: 16px;
  }
  .row-fenzhi{
    padding: 50px 0;
  }
}
@media only screen and (max-width: 959px){
  .m-relation-f01 .con{
    padding: 20px 20px;
  }
}
@media only screen and (max-width: 767px){
  .row-fenzhi{
    padding: 30px 0;
  }
  .m-fenzhi .g-titst1{
    margin-bottom: 15px;
  }
  
  .row-a5-f01 .ul-newsb1{
    margin-bottom: 30px;
  }
  .m-relation-f01{
    position: relative;
    width: 100%;
    top: 0;
    transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
  }
  .m-relation-f01 .wp{
    width: 100%;
    padding: 0;
  }
  .m-relation-f01 .con{
    width: 100%;
  }
  .m-relation-f01 .g-titst1{
    margin-bottom: 15px;
  }
}