@charset "utf-8";


/* aside */
.gp-subLeft {
  /* background: #fff; */
  width: 300px;
  position: absolute;
  left: 0;
  top: -100px;
}
.apparatus{
  position:
  relative;
  /* overflow: hidden; */
}




/*侧边栏移动端 */
.gp-m-subNav {
  display: none;
}

.gp-m-inner-header {
  width: 100%;
  height: 40px;
  background-color: #397848;
  cursor: pointer;
  line-height: 40px;
}

.gp-m-inner-header>span {
  height: 40px;
  padding-left: 15px;
  font-size: 16px;
  color: #fff;
}

.gp-m-subNav .gp-m-inner-header-icon-click {}

.gp-m-subNav .gp-m-inner-header-icon {
  float: right;
  width: 40px;
  color: #fff;
  height: 40px;
  text-align: center;
  /* margin-bottom: 20px; */
}

.gp-m-subNav .gp-m-inner-header-icon-click i {
  display: block;
}

.gp-page {
  padding: 0px 0 50px;
  color: #666;
}

.gp-page:after, .gp-page:before {
  content: " ";
  display: table
}

.gp-page>a, .gp-page>span {
  display: inline-block;
  *
  display: inline;
  *;
  width: 48px;
  margin: 0px 8px;
  width: 38px;
  height: 38px;
  height: 38px;
  line-height: 38px;
  position: relative;
  border-radius: 5px;
  text-align: center;
  font-size: 18px;
  vertical-align: top;
  border: 1px solid #ccc;
}

.gp-page-select {
  height: 32px;
  line-height: 32px;
  min-width: 50px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: top;
}

.gp-page .gp-page-start, .gp-page .gp-page-end, .gp-page .gp-page-next, .gp-page .gp-page-prev, .gp-page>span {
  /* width: auto; */
  padding: 0px 20px;
  color: #333;
  font-size: 14px;
  /* line-height: 48px; */
  border: 1px solid #ccc;
}

.gp-page>span {
  border: none
}

.gp-page>a:hover, .gp-page>a.active {
  background-color: #397848;
  color: #fff
}

.gp-m-page {
  display: none
}

.gp-sm-toggle {
  width: 40px;
  height: 40px;
  position: absolute;
  right: 0;
  top: 0;
  line-height: 40px;
  text-align: center;
}



.gp-m-page a {
  display: inline-block;
  margin: 0 10px
}

.pages {
  display: inline-block;
  padding: 0px 29px;
  border: 1px solid #e5e5e5;
}

/*居中*/
.gp-page-centered {
  text-align: center
}

/*右对齐*/
.gp-page-right {
  text-align: right
}

/*文章页*/
.articleBox {
  width: 100%;
  margin: 0px auto;
  overflow: hidden;
  position: relative;
}

.subArticleTitle {
  border-bottom: 1px solid #e1e1e1;
  text-align: center;
  padding-bottom: 10px;
  margin-bottom: 15px;
}

.subArticleTitle h2 {
  font-size: 20px;
  margin-bottom: 10px;
  font-weight: normal;
}

.subArticleTitle .detail {
  line-height: 22px;
  font-size: 14px;
  color: #999;
  text-align: center;
}

.subArticleTitle .detail span {
  display: inline-block;
  margin: 0 0 0 15px;
  color: #999;
}

.article {
  text-align: center;
  margin-bottom: 20px;
}

.article img {
  margin: 15px 0
}

.article p {
  text-align: left;
  font-size: 14px;
  line-height: 24px;
}

.Annex {
  /* padding: 20px 0 20px; */
  overflow: hidden;
  clear: both;
}

.Annex h3 {
  font-size: 18px;
  color: #333;
  border-bottom: 1px solid #eee;
  padding-bottom: 10px;
  font-weight: normal;
}

.Annex ul {
  overflow: hidden;

}

.pageArticle {
  overflow: hidden;
  /* margin-bottom: 42px; */
  background: #fff;
}


.Annex ul li {
  margin-bottom: 10px;
  position: relative;
}

.Annex ul li:last-child {
  margin: 0
}

.Annex ul li a {
 line-height: 19px;
  color: #666;
}

.Annex ul li a:hover {
  color:#397848 !important
}

.subBannerImg {
  padding-bottom: 20%;
}


.gp-bread {
  display: inline-block;
  padding: 0;
  padding-left: 30px !important;
}


.gp-bread a {
  /* font-size: 14px; */
  line-height: 36px;
  color: #fff;
}

.gp-bread span {
  color: #999;
  margin: 0px 5px;
}

.pageArticleTitle {
  overflow: hidden;
  padding: 30px  20px 10px;
  margin: 0 30px;
  margin-bottom: 30px;
  border-bottom: 1px solid rgba(0, 0, 0, .1);
  position: relative;
}

.pageArticleTitle h3 {
  line-height: 1.38;
  color: #666;
  text-align: center;
}

.articleAuthor {
  text-align: center;
  color: #999;
  padding: 10px  0 0px;
  /* margin-bottom: 53px; */
  line-height: 14px;
  /* border-bottom: 1px solid #E8E8E8; */
}

.articleAuthor span {
  display: inline-block;
  *
  display: inline;
  color: #666;
  color: #;
  line-height: 19px;
  margin: 0 15px;
  font-size: 14px;
  font-size: 16px;
}

.articleBottom {
  overflow: hidden;

}
.Annex p{
  color: #397848 !important;
  margin-bottom: 20px;
  line-height: 20px !important;
}
.gp-article {
  position: relative;
  padding-bottom: 50px;
  margin-bottom: 20px;
  border-bottom: 1px solid rgba(0,0,0,.1);
}

.gp-article p {
  color: #333;
  line-height: 2;
  /* font-size: 16px; */
}

table p {
  text-indent: 0px !important;
  text-align: center !important;
  margin: 0 !important;
}

.Annex {
  width: 100%;
  float: none;
  /* margin-bottom: 40px; */
}

.Annex>h3 {
  float: left;
  line-height: 30px;
}

.sub_right2 {
  margin-left: 0;
  /* overflow: hidden; */
  margin-bottom: 60px;
}

.articles {
  position: relative;
  padding: 0 30px 50px;
}

.articles p {
  color: #333;
  line-height: 1.8;
}



.subBanTit {
  display: block;
}
.subPic{
  padding-bottom: 20.83%;
}
main {
  display: block;
  min-height: 400px;
}

.main1 {
  margin: 32px 0;
  overflow: hidden;
  border-bottom: 1px solid #E5E5E5;
}

.gp-bread {
  padding: 10px 0;
}

.gp-bread a {
  display: inline-block;
  line-height: 21px;
  color: #999;
  position: relative;
}



.gp-bread a:hover {

  color: #397848
}


.asideTit {
  padding: 32px 30px;
  /* padding-left: 99px; */
  background: #397848;
  font-weight: bold;
 box-sizing: border-box;
 
}


.gp-page-prev {
  background: url(../images/l.png) no-repeat center;
}

.gp-page-prev:hover {
  background: #424594 url(../images/l2.png) no-repeat center;
}

.gp-page-next {
  background: url(../images/r.png) no-repeat center;
}

.gp-page-next:hover {
  background: #424594 url(../images/r2.png) no-repeat center;
}
.sharright{
  text-align: right;
  position: relative;
  height: 30px;
  width: 200px;
  float: right;
}
.shareicon{
  position: absolute;
  top: 0;
  right: 0;
  width: 30px;
  display: inline-block;
  height: 30px;
  overflow: hidden;
  cursor: pointer;
}
.wrap_share.on{
  display: block;
}
.opportunityUl{
  margin:40px 0 0
}
.opportunityUl li{
  margin: 0 0 50px;
  transition: all .3s ease-in-out;
}
.opportunityUl li:hover{
  transform: translateX(5px);
}
.opportunityUl li:hover .opporTit{
   color:#397848
 }
.opportunityUl li a{
  background: #fff;
  padding: 30px;
  box-sizing: border-box;
  display: block;
}
.opporPic{
  margin-top: -60px;
  width: 300px;
  overflow: hidden;
}
.opporImg{
  padding-bottom: 75%;
}
.opporPicRight{
  margin-left: 330px;
}
.opporTit{
  margin-bottom: 30px;
  color: #333;
}
.oppsum{
  line-height: 30px;
  height: 60px;
  color: #333;
  margin-bottom: 30px;
  overflow: hidden;
  color: #333;
}
.date{
  color: #999;
}
.title{
  border-bottom: 1px solid #397848;
  margin-bottom: 30px;
}
.title a{
  display: inline-block;
  padding-bottom: 14px;
  box-sizing: border-box;
  position: relative;
  line-height: 1.25;
  color: #333;
}
.title a::before{
  content: '';
  display: block;
  width: 100%;
  height: 4px;
  background: #397848;
  position: absolute;
  left: 0;
  bottom: 0;
}
.mediaUl{
  overflow: hidden;
  margin: 0 -20px;
}
.mediaUl li{
  margin-bottom: 40px;
}
.mediaUl li a{
  display: block;
  margin: 0 20px;
  position: relative;
  overflow: hidden;
}
.mediaPic{
  position: relative;
}
.mediaImg{
  padding-bottom: 56.36%;
}
.play{
  position: absolute;
  width: 60px;
  height: 60px;
  background: url(../images/play.png) no-repeat;
  left: calc(50% - 30px);
  top:
  calc(50% - 30px);
  transition:all 0.35s ease-in-out;
}

.infor {
  background: rgba(0,0,0,.4);
  opacity: 1;
  width: 100%;
  pointer-events: none;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
  /* padding: 50px 30px; */
  box-sizing: border-box;
  webkit-transform: translateY(0%);
  -moz-transform: translateY(0%);
  -ms-transform: translateY(0%);
  -o-transform: translateY(0%);
  height: 100%;
  transform: translateY(0%);
  position: absolute;
  left: 0;
  top: 0;
}


.mediatxt{
  padding: 20px;
  box-sizing: border-box;
  background: #fff;
  position: relative;
}
.mediatxt::before{
  content: '';
  display: block;
  width: 0;
  height: 100%;
  background: #397848;
  position: absolute;
  left: 0;
  top: 0;
  transition: all .35s ease-in-out;
}
.mediatxt p{
  line-height: 30px;
  height: 60px;
  color: #333;
  overflow: hidden;
}
.mediaUl li:hover .mediatxt::before{
  width: 100%;
}
.mediaUl li:hover p{
  color: #fff;
  position: relative;
  z-index: 10;
}
.pageArticleTitle2{
  padding-bottom: 30px;
}
@media screen and (max-width:1461px) {

}

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

}

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

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


}

@media screen and (max-width:997px) {
  .gp-subLeft {
    display: none;
  }

  .gp-m-subNav {
    display: block;
    margin: 20px 0 0px;
    position: static;
  }
  .articles {
    position: relative;
    padding: 0 20px 50px;
}
.pageArticleTitle {
 padding: 20px 0 15px;
 margin: 0 20px;
 margin-bottom: 20px;
}
  .gp-article {
    position: relative;
    padding-bottom: 25px;
}
}


@media screen and (max-width:767px) {
 .opporPic{
  width: 250px;
  margin: 0;
 }.opporPicRight{
  margin-left: 270px;
 }
 .opportunityUl li a{
  display: block;
  overflow: hidden;
  padding: 15px;
 }
 .gp-page {
  display: none;
}

.gp-m-page {
  display: block;
}
}



@media screen and (max-width:480px) {
  .gp-bread a {
    padding: 0 8px;

  }

  .gp-bread {
    padding-left: 15px !important;
  }


  .gp-m-subNav {
    display: block;
    margin-bottom: 0;
  }

  
  .gp-page {
    padding: 11px 0 50px;
    color: #666;
  }


  .articleBottom {
    width: 100%;
    float: none;
  }
  .opporPic{
    width: 100%;
    margin: 0 0 15px;
    float: none;
   }.opporPicRight{
    margin-left: 0;
   }
   .oppsum{
    height: auto;
   }
}


@media screen and (max-width:414px) {
  .mediatxt {
    padding: 15px;
  }
}