@charset 'UTF-8';
body{background: url(../img/bg-body.jpg) top center no-repeat;}
.wrapper{width: 1000px;}
.banner{height: 370px;}
/*  */
.section-cnt{margin-top: 54px;}
.section-cnt .section-body{margin-top: 0;}
.section-cnt .col-main{width: 700px;float: left;}
.section-cnt .col-main .cnt-main{height: 100%;overflow: hidden;}
.section-cnt .col-main .pic-part{width: 352px;height: 254px;float: left;}
.section-cnt .col-main .pic-part-image{width: 100%;height: 100%;display: block;}
.section-cnt .col-main .text-part{width: 348px;height: 254px;float: right;box-sizing: border-box;background: #f2f2f2;padding: 0 20px;display: flex;flex-direction: column;justify-content: center;}
.section-cnt .col-main .slogan{font-size: 24px;color: #000;position: relative;max-height: 124px;}
.section-cnt .col-main .slogan::after{width: 35px;height: 3px;background: #ff6600;content: "";position: absolute;left: 0;bottom: -8px;}
.section-cnt .col-main .text-name{font-size: 25px;margin-top: 10px;}
.section-cnt .col-main .text-title{font-size: 16px;color: #b0afaf;margin-top: 4px;}
.section-cnt .col-main .cnt-list{padding: 40px 50px;background: #fff;}
.section-cnt .col-main .qa-list{width: 628px;margin: 0 auto;}
.section-cnt .col-main .qa-item{margin-top: 50px;}
.section-cnt .col-main .qa-item-q{font-size: 18px;font-style: italic;}
.section-cnt .col-main .qa-item-a{font-size: 18px;line-height: 32px;color: #333;margin-top: 44px;}

.section-cnt .col-sub{width: 300px;float: right;}
.section-cnt .avatar-item,
.section-cnt .avatar-matrix-item{width: 94px;height: 94px;display: inline-block;}
.section-cnt .avatar-matrix-item a{display: block;height: 100%;}
.article-nav{margin-top: 50px;}

@media screen and (max-width: 900px){
  .wrapper{width: 100%;}
  .banner{display: none;}
  .bread-wrapper{display: none;}
  .section-cnt{margin: 0;padding: 0;}
  .section-cnt .col-main{float: none;width: 100%;height: auto;}
  .section-cnt .col-main .pic-part{float: none;height: 4.74rem;width: 100%;}
  .section-cnt .col-main .text-part{width: 100%;padding: .46rem .3rem;background: transparent;float: none;height: auto;position: relative;}
  .section-cnt .col-main .text-part::after{position: absolute;left: .3rem;right: .3rem;bottom: 0;margin: auto;height: .03rem;background-color: #ff6600;content: "";}
  .section-cnt .col-main .slogan{font-size: .49rem;color: #ff6600;line-height: inherit;margin-bottom: .34rem;}
  .section-cnt .col-main .slogan::after{display: none;}
  .section-cnt .col-main .text-name{display: inline-block;vertical-align: middle;font-size: .32rem;color: #ff6600;margin: 0;}
  .section-cnt .col-main .text-title{display: inline-block;vertical-align: middle;font-size: .28rem;color: #ff6600;margin: 0;}
  .section-cnt .col-main .cnt-list{margin-top: 0;padding: 0 .3rem;}
  .section-cnt .col-sub{display: none;}
  .section-cnt .col-main .qa-list{width: 100%;}
  .section-cnt .col-main .qa-item{margin-top: .68rem;}
  .section-cnt .col-main .qa-item-q{font-size: .3rem;line-height: .5rem;font-weight: bold;font-style: normal;}
  .section-cnt .col-main .qa-item-a{margin-top: .1rem;font-size: .3rem;line-height: .5rem;}
}
