.page-left { flex-shrink: 0; flex-grow: 0; margin-top: -1.0rem; margin-right: 0.3rem; padding: 0 0.33rem 0 0; width: 2.77rem; }
  .col-header { height: 1.5rem; background: #103e79; }
    .col-header h3 { position: relative; margin: 0; padding: 0.25rem 0 0 0.35rem; font-family: 'fzltzh'; font-size: 0.21rem; color: #fff; }
    .col-header h3:before { content: ''; display: block; position: absolute; bottom: -0.15rem; left: 0.35rem; width: 0.35rem; height: 1px; background: #fff; }
    .col-header h3 span { display: block; margin-bottom: 0.1rem; font-size: 0.43rem; }
  .col-body {  }
    .col-body ul { list-style: none; margin: 0; padding: 0 0 0.5rem; }
    .col-body ul li { position: relative; margin-top: 0.03rem; padding: 0.1rem 0.15rem 0.1rem 0.48rem; font-size: 0.19rem; background: #dcdddd; }
    .col-body ul li a { position: relative; z-index: 3; color: #403800; font-family: 'fzltzh'; text-decoration: none; }
    .col-body ul li:before { content: ''; display: block; position: absolute; top: 0.22rem; left: 0.35rem; width: 0.06rem; height: 0.06rem; background: url(../images/005.png) no-repeat 0 0; }
    .col-body ul li.cur { background: #bcbcbc; }

.page-right { overflow: hidden; padding-top: 0.6rem; }
  .right-header { overflow: hidden; margin-bottom: 0.2rem; padding-bottom: 0.15rem; border-bottom: 1px solid #79734c;  }
    .right-header .right-header-title { float: left; margin: 0; font-family: 'fzltzh'; color: #103e79; }
    .right-header .right-header-title a { color: #103e79; }
    .right-header .crumbs { float: right; padding-top: 0.03rem; font-size: 0.16rem; }
    .right-header .crumbs a { color: #555; }
  .right-body { padding: 0.3rem 0; border-top: 1px solid #79734c; min-height: 3.5rem; }

.content-areax { overflow: hidden; flex-grow: 1; }


.page-contact { overflow: hidden; background: url(../images/007.jpg) #010821 no-repeat 50% 0; }
  .page-contact .page-title { margin-top: 1.0rem; margin-bottom: 0.6rem; text-align: center; color: #fff; }
  .page-contact .page-title .l-en {  }
  .page-contact .page-title .l-cn { position: relative; display: inline-block; }
  .page-contact .page-title .l-cn:before { content: ''; display: block; position: absolute; top: 50%; right: 100%; margin-right: 0.3rem; width: 1.0rem; height: 1px; background: #fff; }
  .page-contact .page-title .l-cn:after { content: ''; display: block; position: absolute; top: 50%; left: 100%; margin-left: 0.3rem; width: 1.0rem; height: 1px; background: #fff; }

  .page-contact-box { margin-bottom: 1.4rem; overflow: hidden; margin-right: auto; margin-left: auto; max-width: 6.0rem; background: #fff; }
  .page-contact-box iframe { width:100%; height:4.7rem; }
  .page-contact-box .page-contact-txt { overflow: hidden; padding: 0.5rem 0.5rem 0.2rem; }

@media screen and (max-width: 991px) {
  .page-contact .page-title { margin-top: 0.3rem; margin-bottom: 0.3rem; }
  .page-contact-box { margin-bottom: 0.7rem; }
  .page-contact-box iframe { width:100%; height:3.2rem; }
  .page-contact-box .page-contact-txt { overflow: hidden; padding: 0.3rem; }
  
}

.ind-tit { margin-top: 0; margin-bottom: 0.8rem; text-align: center; }
  .ind-tit .en { display: block; margin-bottom: 0.1rem; font-size: 0.6rem; }
  .ind-tit .cn { display: inline-block; position: relative; font-size: 0.26rem; }
  .ind-tit .cn:before { content: ''; display: block; position: absolute; top: 50%; right: 100%; margin-right: 0.2rem; width: 0.7rem; height: 1px; background: #3e3a3a; }
  .ind-tit .cn:after { content: ''; display: block; position: absolute; top: 50%; left: 100%; margin-left: 0.2rem; width: 0.7rem; height: 1px; background: #3e3a3a; }
.ind-tit.white { color: #fff; }
.ind-tit.white .cn:before { background: #fff; }
  .ind-tit.white .cn:after { background: #fff; }
@media screen and (max-width: 991px) {
  .ind-tit { margin-bottom: 0.4rem; }
  .ind-tit .en { font-size: 0.36rem; }
}

.ind-01 { overflow: hidden; padding-top: 1.2rem; padding-bottom: 1.5rem; background: url(../images/008.jpg) #f9f9f9  no-repeat 50% 0%; -webkit-background-size: 100% auto; background-size: cover; }
.ind-01 .txt { margin-bottom: 1.0rem; text-align: center; font-size: 0.18rem; }
.ind-01 .item { display: block; overflow: hidden; margin-bottom: 0.2rem; border-radius: 0.06rem; text-decoration: none; background: #fff;}
.ind-01 .item .item-img { float: left; padding: 0.2rem 0.15rem 0.2rem; }
.ind-01 .item .item-txt { overflow: hidden; padding: 0.15rem 0.2rem 0.2rem 0; }
.ind-01 .item .item-txt h4 { font-size: 0.18rem; color: #333; }
.ind-01 .item .item-txt p { margin-bottom: 0.05rem; font-size: 0.12rem; color: #333; }
.ind-01 .item .item-txt .more { display: inline-block; padding-right: 0.25rem; font-size: 0.12rem; color: #11539f; background: url(../images/ii01.png) no-repeat 100% 50%; }
.ind-01 .item.a2 .item-txt .more { color: #ec3f31; background: url(../images/ii02.png) no-repeat 100% 50%; }
.ind-01 .item.a3 .item-txt .more { color: #70b837; background: url(../images/ii03.png) no-repeat 100% 50%; }

.ind-01 .item { border-width: 2px; border-color: #fff; border-style: solid; }
.ind-01 .item.a1:hover { border-color: #11539f; }
.ind-01 .item.a2:hover { border-color: #ec3f31; }
.ind-01 .item.a3:hover { border-color: #70b837; }
@media screen and (max-width: 991px) {
  .ind-01 { padding-top: 0.6rem; padding-bottom: 0.6rem; }
  .ind-01 .txt { margin-bottom: 0.6rem; font-size: 0.16rem; }
}


.ind-02 { overflow: hidden; padding-top: 0.95rem; background: #103e79;}
.ind-02 .a1 { background: url(../images/010.jpg) no-repeat 50% 50%; -webkit-background-size: cover; background-size: cover;  }
.ind-02 .a2 { background: url(../images/011.jpg) no-repeat 50% 50%; -webkit-background-size: cover; background-size: cover;  }
.ind-02 .item { margin: 1.2rem auto 1.0rem; width: 5.8rem; }
.ind-02 h4 { position: relative; margin-bottom: 0.8rem; color: #fff; font-size: 0.35rem; }
.ind-02 h4 em { display: block; font-size: 0.6rem; font-style: normal; font-weight: normal; font-family: 'fzltqh'; }
.ind-02 h4:before { content: ''; display: block; position: absolute; left: 0; bottom: -0.3rem; width: 0.55rem; height: 1px; background: #fff; }
.ind-02 p { margin-bottom: 1.5rem; color: #fff; font-size: 0.16rem; line-height: 150%; }
.ind-02 .more { display: inline-block; width: 0.5rem; height: 0.5rem; background: url(../images/009.png)no-repeat 50% 50%; }

@media screen and (max-width: 1260px) {
.ind-02 .item { margin: 0; padding: 1rem 0.6rem; width: 100%; }
  
}
@media screen and (max-width: 991px) {
.ind-02 { padding-top: 0.45rem; }
.ind-02 .item { margin: 0; padding: 0.6rem 0.3rem; width: 100%; }
.ind-02 h4 { margin-bottom: 0.6rem; font-size: 0.28rem; }
.ind-02 h4 em { font-size: 0.4rem; font-weight: bold; }
.ind-02 p { margin-bottom: 0.6rem; }
  
}

.ind-03 { overflow: hidden; padding-top: 0.8rem; padding-bottom: 1.0rem; background: #fff;}
  .ind-03 .item { display: block; margin-bottom: 0.5rem; border: 2px solid #ddd; text-decoration: none; }
  .ind-03 .item h4 { margin: 0; padding: 0.12rem 0; color: #fff; font-size: 0.16rem; text-align: center; background: #bfc0c0; }
  .ind-03 .item:hover h4 { background: #aeafaf; }
    .ind-03 .item .img-h { padding-top: 110%; }
@media screen and (max-width: 991px) {
.ind-03 { overflow: hidden; padding-top: 0.6rem; padding-bottom: 0.6rem; background: #fff;}
  .ind-03 .item { margin-bottom: 0.3rem; }


}







@media ( min-width: 1400px ){
  /*xxl*/
}
@media ( max-width: 1399px ) and ( min-width: 1200px ){
  /*xl*/
}
@media ( max-width: 1199px ) and ( min-width: 992px ){
  /*lg*/
}
@media ( max-width: 991px ) and ( min-width: 768px ){
  /*md*/
}
@media ( max-width: 767px ) and ( min-width: 576px ){
  /*sm*/
}
@media screen and (max-width: 575px) {
  
}