.inpage .bannei {
    position: relative;
    width: 100%;
}
.bannei {
    position: relative;
    width: 100%;
    overflow: hidden;
}
.bg {
    background: #f3f5f7;
}
.inpage .bannei::before {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: '';
    opacity: .5;
    background: #000;
}
:after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.l_sytb {
    /*position: absolute;*/
    top: 0px;
    left: 0px;
    width: 100%;
    top: 50%;
    left: 50%;
    /*transform: translate(-50%, -50%);*/
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    display: block;
}
.inpage .bannei .img {
    position: relative;
    top: 0;
    left: 50%;
    width: 100%;
    -webkit-transform: translate(-50%,0);
    -moz-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    -o-transform: translate(-50%,0);
    transform: translate(-50%,0);
}
.inpage .bannei .imgzi {
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 50%;
    width: 1200px;
    max-width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    text-align: center;
    font-size: 42px;
    color: #fff;
    letter-spacing: 1px;
}
.gn_imgzi {
    position: absolute !important;
    z-index: 2 !important;
    top: inherit !important;
    left: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
    -webkit-transform: translate(0, 0) !important;
    -moz-transform: translate(0, 0) !important;
    -ms-transform: translate(0, 0) !important;
    -o-transform: translate(0, 0) !important;
    transform: translate(0, 0) !important;
    height: 80px;
    background: rgba(27, 44, 67, .7);
}
.gn_imgzi {
    position: absolute;
    bottom: 0;
    right: 0;
}
.gn_imgzi p {
    font-size: 42px;
    color: #fff;
    letter-spacing: 1px;
    text-align: right;
    padding-right: 158px;
    margin-top: -20px;
}
.hel_c2ymbx {
    width: 100%;
    position: relative;
}
.hel_c2ymbx::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 33.7%;
    height: 100%;
    background: #fafafa;
}
.hel_content {
    padding-right: 150px;
    padding-left: 150px;
}
.hel_c2p1 {
    width: 100%;
    position: relative;
}
.btn-group-vertical>.btn-group:after, .btn-group-vertical>.btn-group:before, .btn-toolbar:after, .btn-toolbar:before, .clearfix:after, .clearfix:before, .container-fluid:after, .container-fluid:before, .container:after, .container:before, .dl-horizontal dd:after, .dl-horizontal dd:before, .form-horizontal .form-group:after, .form-horizontal .form-group:before, .modal-footer:after, .modal-footer:before, .nav:after, .nav:before, .navbar-collapse:after, .navbar-collapse:before, .navbar-header:after, .navbar-header:before, .navbar:after, .navbar:before, .pager:after, .pager:before, .panel-body:after, .panel-body:before, .row:after, .row:before {
    display: table;
    content: " ";
}
.hel_c2p1le {
    width: 490px;
    padding-right: 100px;
    padding-top: 78px;
    min-height: 100vh;
}
.fl {
    float: left;
}
.hel_c2p1leig {
    width: 100%;
}
.hel_c2p1leig img {
    width: 100%;
}

.hel_c2p1leul {
    margin-top: 28px;
    padding-left: 36px;
}
.hel_c2p1leli {
    margin-bottom: 16px;
}
.hel_c2p1ri {
    width: calc(100% - 490px);
    padding-left: 109px;
    padding-top: 76px;
    padding-bottom: 76px;
    overflow: hidden;
}
.hel_c2p1rop {
    display: flex;
    align-items: flex-end;
}
.hel_c2p1ful {
    margin-top: 46px;
}
.hel_c2p1fli {
    margin-bottom: 55px;
}
.hel_c2p1fti {
    position: relative;
}
.hel_c2p1fti::before {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 95px;
    width: calc(100% - 95px);
    height: 1px;
    background: #dfdfdf;
}
.hel_c2p1fti p {
    font-size: 20px;
    line-height: 1.5;
    color: #333333;
    font-weight: bold;
}

.hel_c2p1fti::after {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 95px;
    width: 20px;
    height: 3px;
    background: #1b2c43;
}
.hel_c2p1ftute {
    margin-top: 20px;
}
.yxedr_active p {
    font-size: 16px;
    line-height: 1.75;
    color: #666;
    margin-bottom: 18px;
}
.yxedr_active p {
    font-size: 16px;
    line-height: 28px;
    color: #666;
}
.hel_c2p1rop .hel_c2p1ti {
    font-size: 40px;
    line-height: 1.5;
    color: #333333;
    font-weight: bold;
}
.hel_c2p1rop .hel_c2p1sp {
    font-size: 24px;
    line-height: 1.5;
    color: #666666;
    padding-left: 24px;
}
.hel_c2p1mor a {
    display: block;
    width: 150px;
    border: 1px solid #cdcdcd;
    padding: 0 25px;
}
.hel_c2p1mig {
    width: 6px;
    line-height: 46px;
}
.hel_c2p1mig img {
    width: 100%;
}
.hel_c2p1mie {
    width: calc(100% - 6px);
    padding-left: 19px;
}
.hel_c2p1mie p {
    font-size: 16px;
    line-height: 46px;
    color: #666666;
}                     
/*响应式*/
@media screen and (max-width: 991px)
{
.inpage .bannei .img {
    width: auto;
}
}
@media screen and (max-width: 767px)
{
.inpage .bannei .img {
   /* height: 350px;*/
    width: auto;
}
}
@media screen and (max-width: 767px)
{
.inpage .bannei .imgzi {
    font-size: 20px;
    line-height: 1.4;
}
}
@media screen and (max-width: 1280px)
{
.gn_imgzi {
    height: 70px;
}
}

@media screen and (max-width: 768px)
{
.gn_imgzi {
    height: 50px;
}
}
@media screen and (max-width: 480px)
{
.gn_imgzi {
    height: 40px;
}
}
@media screen and (max-width: 1440px)
{
.gn_imgzi p {
    font-size: 38px;
}
}
@media screen and (max-width: 1280px)
{
.gn_imgzi p {
    font-size: 34px;
}
}

@media screen and (max-width: 768px)
{
.gn_imgzi p {
    font-size: 28px;
    padding-right: 20px;
    margin-top: -15px;
}
}

@media screen and (max-width: 480px)
{
.gn_imgzi p {
    font-size: 18px;
    padding-right: 20px;
    margin-top: -10px;
}
}
@media screen and (max-width: 1560px)
{
.hel_content {
    padding-right: 90px;
    padding-left: 90px;
}
}
@media screen and (max-width: 1199px)
{
.hel_content {
    padding-right: 20px;
    padding-left: 20px;
    width: 100%;
}
}

@media screen and (max-width: 1440px)
{
.hel_c2p1le {
    width: 440px;
    padding-right: 80px;
    padding-top: 50px;
}}
@media screen and (max-width: 1280px)
{
.hel_c2p1le {
    width: 383px;
    padding-right: 40px;
}
}
@media screen and (max-width: 950px)
{
.hel_c2p1le {
    width: 340px;
    padding-right: 28px;
}}
@media screen and (max-width: 768px)
{
.hel_c2p1le {
    width: 100%;
    padding-right: 0px;
}
}

@media screen and (max-width: 768px)
{
.hel_c2p1le {
    position: relative;
    z-index: 10;
}}
@media screen and (max-width: 768px)
{
.hel_c2p1le {
    padding-top: 25px;
    padding-bottom: 20px;
    min-height: inherit;
}
}
@media screen and (max-width: 768px)
{
.hel_c2p1leig {
    width: 300px;
    max-width: 100%;
}
}
@media screen and (max-width: 480px)
{
.hel_c2p1leul {
    margin-top: 22px;
    padding-left: 0px;
}
}
@media screen and (max-width: 480px)
{
.hel_c2p1leli {
    margin-bottom: 11px;
}
}
@media screen and (max-width: 480px)
{
.hel_c2p1dle {
    width: 18px;
}
}
@media screen and (max-width: 480px)
{
.hel_c2p1dri {
    width: calc(100% - 18px);
    padding-left: 12px;
}
}
@media screen and (max-width: 480px)
{
.hel_c2p1dri p {
    font-size: 14px;
}
}
@media screen and (max-width: 1440px)
{
.hel_c2p1ri {
    width: calc(100% - 440px);
    padding-left: 100px;
    padding-top: 55px;
    padding-bottom: 55px;
}
}
@media screen and (max-width: 1366px)
{
.hel_c2p1ri {
    padding-left: 64px;
}
}
@media screen and (max-width: 768px)
{
.hel_c2p1ri {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
}
}
@media screen and (max-width: 768px)
{
.hel_c2p1ri {
    padding-top: 34px;
    padding-bottom: 36px;
}
}
@media screen and (max-width: 1440px)
{
.hel_c2p1rop .hel_c2p1ti {
    font-size: 32px;
}
}
@media screen and (max-width: 1199px)
{
.hel_c2p1rop .hel_c2p1ti {
    font-size: 26px;
}
}
@media screen and (max-width: 768px)
{
.hel_c2p1rop .hel_c2p1ti {
    font-size: 18px;
}
}

@media screen and (max-width: 1440px)
{
.hel_c2p1rop .hel_c2p1sp {
    font-size: 18px;
}
}
@media screen and (max-width: 768px)
{
.hel_c2p1rop .hel_c2p1sp {
    font-size: 14px;
    padding-left: 10px;
}
}
@media screen and (max-width: 1440px)
{
.hel_c2p1ful {
    margin-top: 30px;
}
}
@media screen and (max-width: 768px)
{
.hel_c2p1ful {
    margin-top: 18px;
}
}
@media screen and (max-width: 1440px)
{
.hel_c2p1fli {
    margin-bottom: 30px;
}
}
@media screen and (max-width: 768px)
{
.hel_c2p1fli {
    margin-bottom: 17px;
}
}
@media screen and (max-width: 950px)
{
.hel_c2p1fti p {
    font-size: 18px;
}
}
@media screen and (max-width: 768px)
{
.hel_c2p1fti p {
    font-size: 16px;
}
}
@media screen and (max-width: 768px)
{
.hel_c2p1ftute {
    margin-top: 8px;
}
}
@media screen and (max-width: 768px)
{
.yxedr_active p {
    font-size: 14px;
    margin-bottom: 10px;
}
}

.hel_c2p1dle {
    width: 22px;
}
.hel_c2p1dle img {
    width: 100%;
}
.hel_c2p1dri {
    width: calc(100% - 22px);
    padding-left: 15px;
}
.hel_c2p1dri p {
    font-size: 16px;
    line-height: 1.625;
    color: #333333;
}