body{
    background-color: #fff;;
}
img{
    margin: 0;
}


 #menu_m{
    background-image: linear-gradient(90deg,#367bfd,#65b2f9) !important; padding-left: 0.5rem; height: 2rem;padding-top: 0.2rem;position: fixed;    z-index: 9999999;    top: 0px;    width: 100%;    left: 0px;display: none;
 }


 .nav_menu{
    background-color: #fff;height: 4rem;padding-top: 0.25rem;
 }


 .bgimg{ background: url(/images/bgimg.jpg);background-size: cover; background-position:bottom center; height: 33rem;width: 100%;}

.bz_num{
    background-color: #eaf4fc;border-radius: 3rem; margin-right: 0.5rem;padding: 0.25rem;width: 3rem ; height: 3rem;
}

.cpbox{
    background-image: linear-gradient(90deg,#337ef9 40%,#63a9fb 100%) !important; width: 100%; color: #fff;border-radius: 0.5rem;margin: 0.5rem;
}
.cpbox .cpboxbg{
    background: url(/images/cp_bg.png) no-repeat; background-position: bottom right;padding: 2rem 0;
}
.cpbox .nrtxt{
    padding: 0 10%;
}

.bai.outline {
    color: #fff !important;
    background-color: transparent!important;
}

.bai {
    color: #fff!important;
    border-color: #ffffff !important;
    background-color: #ffffff !important;
}

.ysbox{
    width: 100%; color: #fff;border-radius: 0.5rem;margin: 0.5rem;background-color: rgba(255, 255, 255, .15);padding: 1rem;display: -ms-flexbox;
    display: flex;
    -ms-flex-align: stretch;
    align-items: stretch;
}

.ysbox:hover{
    background-color: rgba(255, 255, 255, .3);
}

.zsbox{
    background-image: linear-gradient(135deg,#337ef9 40%,#63a9fb 100%) !important;padding: 1rem;
}

.jgbox{
    background-image: linear-gradient(180deg,#ecf3fe 0%,#fff 60%) !important;width: 100%;padding: 1.5rem; border-radius: 1rem;;box-shadow: rgba(0, 0, 0, .03) 0 .15rem .5rem;
}

.hide-xs{
    display: inline;
}

.gywmbox{
    background-image: linear-gradient(135deg,#367bfd 40%,#65b2f9 100%) !important; color: #fff;border-radius: 0.5rem;box-shadow: rgba(0, 0, 0, .2) 0 .15rem .2rem; text-align: center;width: 100%;padding: 2rem 0;
}

.mtbox{
    background: url(/images/xzbg.jpg) bottom left;background-repeat: repeat-x;
}

.mt4box{
    width: 100%;
}

.mt4box h3{
    font-size: 1.5rem; padding-top: 4rem;;;
}



.primary {
    color: #fff!important;   
    background-color: #307dfc;
}
 





.btn-lg{font-size: 0.8rem; padding: 0 1rem;}

.color_312e31{
    color: #312e31;
}
 .color_3029c5{
    color: #3029c5;
 }
.color_fff{color: #fff;}
.color_0d193c{
    color: #0d193c;
}
.color_d8dbe3{
    color: #d8dbe3;
}
.color_666{
    color: #666;
}
.color_999{
    color: #999;
}
.color_3280fc{
    color: #3280fc;
}




.nav > a {   
    height: 3rem;   
}
.txtcolor {
    background-image: linear-gradient(90deg,#eaadfe 60%,#b3cfff 80%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-style: normal;
  }

  .txtcolor2 {
    background-image: linear-gradient(90deg,#005eff 40%,#d353fd 60%) !important; 
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-style: normal;
  }
  .btn-lg2 {
    font-size: 1.2rem;font-weight: bold;
    padding: 2rem 2rem;
}












.layer, .modal, .popover, .dropdown-menu {
    background-image: linear-gradient(90deg,#367bfd,#65b2f9) !important; 
    box-shadow: rgba(0, 0, 0, .15) 0 .15rem .5rem, rgba(0, 0, 0, .25) 0 .15rem .5rem;
}

.list-item, .list > .item {
   color: #fff;text-align: right;
}



.list.with-divider > .item:before {  
    background-color: rgba(255, 255, 255, .3);
}
.list.with-divider {
    border: .05rem solid rgba(255, 255, 255, .3);
    border-width: .05rem 0;
}


.img-responsive{
    display: inline-block;
    width: 100%;
    height: auto;
}

.img-responsive2{
    display: inline-block;
    max-width: 100%;
    height: auto;
}


.f16{
    font-size: 0.8rem;
}
.f18{
    font-size: 0.9rem;
}
.f20,.f20a{
    font-size: 1rem;
}
.f22{
    font-size: 1.1rem;
}
.f24{
    font-size: 1.2rem;
}
.f26{
    font-size: 1.3rem;
}
.f28{
    font-size: 1.4rem;
}
.f30,.f30a{
    font-size: 1.5rem;
}
.f50,.f50a{
    font-size: 2.5rem;
}

.f70,.f70a{
    font-size: 3.5rem;
}

.f80,.f80a{
    font-size: 4rem;
}


.jiacu{
    font-weight: bold;
}
.textc{
    text-align: center;
}
.textr{
    text-align: right !important;
}
.ptpb10{
    padding: 0.5rem 0;
}

.mr5{margin-right: 0.25rem;}
.mr10{margin-right: 0.5rem;}

.mt10{margin-top: 0.5rem;}
.mt20{margin-top: 1rem}
.mt30{margin-top: 1.5rem}
.mt40{margin-top: 2rem}
.mt50{margin-top: 2.5rem}
.mt60{margin-top: 3rem;}
.mt70{margin-top: 3.5rem;}
.mt80{margin-top: 4rem;}
.mt90{margin-top: 4.5rem;}
.mt100{margin-top: 5rem;}

.mb10{margin-bottom: 0.5rem;}
.mb20{margin-bottom: 1rem;}
.mb30{margin-bottom: 1.5rem;}
.mb40{margin-bottom: 2rem;}
.mb50{margin-bottom: 2.5rem;}
.mb60{margin-bottom: 3rem;}
.mb70{margin-bottom: 3.5rem;}
.mb80{margin-bottom: 4rem;}
.mb90{margin-bottom: 4.5rem;}
.mb100{margin-bottom: 5rem;}
.mb110{margin-bottom: 5.5rem;}
.mb120{margin-bottom: 6rem}

.pt10{padding-top: 0.5rem;}
.pt20{padding-top: 1rem;}
.pt30{padding-top: 1.5rem;}
.pt40{padding-top: 2rem;}
.pt50{padding-top: 2.5rem;}
.pt60{padding-top: 3rem;}
.pt70{padding-top: 3.5rem;}
.pt80{padding-top: 4rem;}
.pt90{padding-top: 4.5rem;}
.pt100{padding-top: 5rem;}
.pt110{padding-top: 5.5rem;}

.pb10{padding-bottom: 0.5rem;}
.pb20{padding-bottom: 1rem;}
.pb30{padding-bottom: 1.5rem;}
.pb40{padding-bottom: 2rem;}
.pb50{padding-bottom: 2.5rem;}
.pb60{padding-bottom: 3rem;}
.pb70{padding-bottom: 3.5rem;}
.pb80{padding-bottom: 4rem;}
.pb90{padding-bottom: 4.5rem;}
.pb100{padding-bottom: 5rem;}

.pl10{padding-left: 0.5rem;}
.pl20{padding-left: 1rem;}
.pl30{padding-left: 1.5rem;}
.pl40{padding-left: 2rem;}
.pl50{padding-left: 2.5rem;}
.pl60{padding-left: 3rem;}
.pl70{padding-left: 3.5rem;}
.pl80{padding-left: 4rem;}
.pl90{padding-left: 4.5rem;}

.pr5{padding-right: 0.25rem;}
.pr10{padding-right: 0.5rem;}
.pr20{padding-right: 1rem;}
.pr30{padding-right: 1.5rem;}
.pr40{padding-right: 2rem;}
.pr50{padding-right: 2.5rem;}
.pr60{padding-right: 3rem;}
.pr70{padding-right: 3.5rem;}

.pd10{padding: 0.5rem;}
.pd20{padding: 1rem;}
.pd30{padding: 1.5rem;}


@media (min-width: 70rem)
{
    .container
    {
        max-width: 66.5rem;
    }
}

@media(width>38.4rem)
{   
    #top_menu{
        display: block;
    }
    #top_menu_m{
        display: none;
    }
}



@media(width<=820px){
    .soft_box{
        display: none;
    }
    

    .mt4_box{
        width: 100%;position: relative;padding: 1rem;margin-left: 0;
    }
    .mt5_box{
        width: 100%;position: relative;padding: 1rem;margin-left: 0;
    }
}

@media(width<=768px){
    .f50a{
        font-size: 1.4rem;
    }
    .f30a{
        font-size: 1.2rem;
    }
    .f20a{
        font-size: 0.8rem;
    }

    .f70,.f70a{
        font-size: 2.5rem;
    }

    .nav_menu{
        display: none;
    }
    #menu_m{
        display: block;
    }

    .mtbox{
        background: none;
    }
    .mt4box{
        background-color: #f6f6f6; padding: .5rem;
    }
    .mt4box h3{
        font-size: 1.5rem; padding-top: 1rem;text-align: center;
    }

    .hide-xs{
        display: none!important;
    }

    .zs_box{
        border-radius: 1rem;
    }

    .soft_box{
        display: none;
    }
}




.row.gutter-lg .cell, .column.gutter-lg .cell, .row.gutter-lg [class^='col-xs-'], .column.gutter-lg [class^='col-xs-'], .row.gutter-lg [class*=' col-xs-'], .column.gutter-lg [class*=' col-xs-'] {
    padding: .5rem;
}

.row.gutter-lg .cell, .column.gutter-lg .cell, .row.gutter-lg [class^='col-sm-'], .column.gutter-lg [class^='col-sm-'], .row.gutter-lg [class*=' col-sm-'], .column.gutter-lg [class*=' col-sm-'] {
    padding: .5rem;
}

.row.gutter-lg .cell, .column.gutter-lg .cell, .row.gutter-lg [class^='col-md-'], .column.gutter-lg [class^='col-md-'], .row.gutter-lg [class*=' col-md-'], .column.gutter-lg [class*=' col-md-'] {
    padding: .5rem;
}


.row.gutter-lg .cell, .column.gutter-lg .cell, .row.gutter-lg [class^='col-lg-'], .column.gutter-lg [class^='col-lg-'], .row.gutter-lg [class*=' col-lg-'], .column.gutter-lg [class*=' col-lg-'] {
    padding: .5rem;
}


.cell,
[class^='col-xs-'],
[class*=' col-xs-']
{
    display: -ms-flexbox;
    display: flex;

    -ms-flex-align: stretch;
    align-items: stretch;
}
.tile,
.cell:not(.fixed)
{
    max-width: 100%;

    -ms-flex: auto;
        flex: auto;
}
.cell.fixed,
[class^='col-xs-'],
[class*=' col-xs-']
{
    -ms-flex: none;
        flex: none;
}


.cell,
[class^='col-sm-'],
[class*=' col-sm-']
{
    display: -ms-flexbox;
    display: flex;

    -ms-flex-align: stretch;
    align-items: stretch;
}

.cell.fixed,
[class^='col-sm-'],
[class*=' col-sm-']
{
    -ms-flex: none;
        flex: none;
}


.cell,
[class^='col-md-'],
[class*=' col-md-']
{
    display: -ms-flexbox;
    display: flex;

    -ms-flex-align: stretch;
    align-items: stretch;
}

.cell.fixed,
[class^='col-md-'],
[class*=' col-md-']
{
    -ms-flex: none;
        flex: none;
}

.cell,
[class^='col-lg-'],
[class*=' col-lg-']
{
    display: -ms-flexbox;
    display: flex;

    -ms-flex-align: stretch;
    align-items: stretch;
}

.cell.fixed,
[class^='col-lg-'],
[class*=' col-lg-']
{
    -ms-flex: none;
        flex: none;
}



.row > .col-xs-12 {width: 100%}
.row > .col-xs-11 {width: 91.66666667%}
.row > .col-xs-10 {width: 83.33333333%}
.row > .col-xs-9 {width: 75%}
.row > .col-xs-8 {width: 66.66666667%}
.row > .col-xs-7 {width: 58.33333333%}
.row > .col-xs-6 {width: 50%}
.row > .col-xs-5 {width: 41.66666667%}
.row > .col-xs-4 {width: 33.33333333%}
.row > .col-xs-3 {width: 25%}
.row > .col-xs-2 {width: 16.66666667%}
.row > .col-xs-1 {width: 8.33333333%}
.row > .col-xs-pull-12 {right: 100%}
.row > .col-xs-pull-11 {right: 91.66666667%}
.row > .col-xs-pull-10 {right: 83.33333333%}
.row > .col-xs-pull-9 {right: 75%}
.row > .col-xs-pull-8 {right: 66.66666667%}
.row > .col-xs-pull-7 {right: 58.33333333%}
.row > .col-xs-pull-6 {right: 50%}
.row > .col-xs-pull-5 {right: 41.66666667%}
.row > .col-xs-pull-4 {right: 33.33333333%}
.row > .col-xs-pull-3 {right: 25%}
.row > .col-xs-pull-2 {right: 16.66666667%}
.row > .col-xs-pull-1 {right: 8.33333333%}
.row > .col-xs-pull-0 {right: auto}
.row > .col-xs-push-12 {left: 100%}
.row > .col-xs-push-11 {left: 91.66666667%}
.row > .col-xs-push-10 {left: 83.33333333%}
.row > .col-xs-push-9 {left: 75%}
.row > .col-xs-push-8 {left: 66.66666667%}
.row > .col-xs-push-7 {left: 58.33333333%}
.row > .col-xs-push-6 {left: 50%}
.row > .col-xs-push-5 {left: 41.66666667%}
.row > .col-xs-push-4 {left: 33.33333333%}
.row > .col-xs-push-3 {left: 25%}
.row > .col-xs-push-2 {left: 16.66666667%}
.row > .col-xs-push-1 {left: 8.33333333%}
.row > .col-xs-push-0 {left: auto}
.row > .col-xs-offset-12 {margin-left: 100%}
.row > .col-xs-offset-11 {margin-left: 91.66666667%}
.row > .col-xs-offset-10 {margin-left: 83.33333333%}
.row > .col-xs-offset-9 {margin-left: 75%}
.row > .col-xs-offset-8 {margin-left: 66.66666667%}
.row > .col-xs-offset-7 {margin-left: 58.33333333%}
.row > .col-xs-offset-6 {margin-left: 50%}
.row > .col-xs-offset-5 {margin-left: 41.66666667%}
.row > .col-xs-offset-4 {margin-left: 33.33333333%}
.row > .col-xs-offset-3 {margin-left: 25%}
.row > .col-xs-offset-2 {margin-left: 16.66666667%}
.row > .col-xs-offset-1 {margin-left: 8.33333333%}
.row > .col-xs-offset-0 {margin-left: 0}
@media(min-width:768px){

  .row > .col-sm-12{width:100%}
  .row > .col-sm-11{width:91.66666666666666%}
  .row > .col-sm-10{width:83.33333333333334%}
  .row > .col-sm-9{width:75%}
  .row > .col-sm-8{width:66.66666666666666%}
  .row > .col-sm-7{width:58.333333333333336%}
  .row > .col-sm-6{width:50%}
  .row > .col-sm-5{width:41.66666666666667%}
  .row > .col-sm-4{width:33.33333333333333%}
  .row > .col-sm-3{width:25%}
  .row > .col-sm-2{width:16.666666666666664%}
  .row > .col-sm-1{width:8.333333333333332%}
  .row > .col-sm-pull-12{right:100%}
  .row > .col-sm-pull-11{right:91.66666666666666%}
  .row > .col-sm-pull-10{right:83.33333333333334%}
  .row > .col-sm-pull-9{right:75%}
  .row > .col-sm-pull-8{right:66.66666666666666%}
  .row > .col-sm-pull-7{right:58.333333333333336%}
  .row > .col-sm-pull-6{right:50%}
  .row > .col-sm-pull-5{right:41.66666666666667%}
  .row > .col-sm-pull-4{right:33.33333333333333%}
  .row > .col-sm-pull-3{right:25%}
  .row > .col-sm-pull-2{right:16.666666666666664%}
  .row > .col-sm-pull-1{right:8.333333333333332%}
  .row > .col-sm-pull-0{right:0}
  .row > .col-sm-push-12{left:100%}
  .row > .col-sm-push-11{left:91.66666666666666%}
  .row > .col-sm-push-10{left:83.33333333333334%}
  .row > .col-sm-push-9{left:75%}
  .row > .col-sm-push-8{left:66.66666666666666%}
  .row > .col-sm-push-7{left:58.333333333333336%}
  .row > .col-sm-push-6{left:50%}
  .row > .col-sm-push-5{left:41.66666666666667%}
  .row > .col-sm-push-4{left:33.33333333333333%}
  .row > .col-sm-push-3{left:25%}
  .row > .col-sm-push-2{left:16.666666666666664%}
  .row > .col-sm-push-1{left:8.333333333333332%}
  .row > .col-sm-push-0{left:0}
  .row > .col-sm-offset-12{margin-left:100%}
  .row > .col-sm-offset-11{margin-left:91.66666666666666%}
  .row > .col-sm-offset-10{margin-left:83.33333333333334%}
  .row > .col-sm-offset-9{margin-left:75%}
  .row > .col-sm-offset-8{margin-left:66.66666666666666%}
  .row > .col-sm-offset-7{margin-left:58.333333333333336%}
  .row > .col-sm-offset-6{margin-left:50%}
  .row > .col-sm-offset-5{margin-left:41.66666666666667%}
  .row > .col-sm-offset-4{margin-left:33.33333333333333%}
  .row > .col-sm-offset-3{margin-left:25%}
  .row > .col-sm-offset-2{margin-left:16.666666666666664%}
  .row > .col-sm-offset-1{margin-left:8.333333333333332%}
  .row > .col-sm-offset-0{margin-left:0}
}
@media(min-width:992px){

  .row > .col-md-12{width:100%}
  .row > .col-md-11{width:91.66666666666666%}
  .row > .col-md-10{width:83.33333333333334%}
  .row > .col-md-9{width:75%}
  .row > .col-md-8{width:66.66666666666666%}
  .row > .col-md-7{width:58.333333333333336%}
  .row > .col-md-6{width:50%}
  .row > .col-md-5{width:41.66666666666667%}
  .row > .col-md-4{width:33.33333333333333%}
  .row > .col-md-3{width:25%}
  .row > .col-md-2{width:16.666666666666664%}
  .row > .col-md-1{width:8.333333333333332%}
  .row > .col-md-pull-12{right:100%}
  .row > .col-md-pull-11{right:91.66666666666666%}
  .row > .col-md-pull-10{right:83.33333333333334%}
  .row > .col-md-pull-9{right:75%}
  .row > .col-md-pull-8{right:66.66666666666666%}
  .row > .col-md-pull-7{right:58.333333333333336%}
  .row > .col-md-pull-6{right:50%}
  .row > .col-md-pull-5{right:41.66666666666667%}
  .row > .col-md-pull-4{right:33.33333333333333%}
  .row > .col-md-pull-3{right:25%}
  .row > .col-md-pull-2{right:16.666666666666664%}
  .row > .col-md-pull-1{right:8.333333333333332%}
  .row > .col-md-pull-0{right:0}
  .row > .col-md-push-12{left:100%}
  .row > .col-md-push-11{left:91.66666666666666%}
  .row > .col-md-push-10{left:83.33333333333334%}
  .row > .col-md-push-9{left:75%}
  .row > .col-md-push-8{left:66.66666666666666%}
  .row > .col-md-push-7{left:58.333333333333336%}
  .row > .col-md-push-6{left:50%}
  .row > .col-md-push-5{left:41.66666666666667%}
  .row > .col-md-push-4{left:33.33333333333333%}
  .row > .col-md-push-3{left:25%}
  .row > .col-md-push-2{left:16.666666666666664%}
  .row > .col-md-push-1{left:8.333333333333332%}
  .row > .col-md-push-0{left:0}
  .row > .col-md-offset-12{margin-left:100%}
  .row > .col-md-offset-11{margin-left:91.66666666666666%}
  .row > .col-md-offset-10{margin-left:83.33333333333334%}
  .row > .col-md-offset-9{margin-left:75%}
  .row > .col-md-offset-8{margin-left:66.66666666666666%}
  .row > .col-md-offset-7{margin-left:58.333333333333336%}
  .row > .col-md-offset-6{margin-left:50%}
  .row > .col-md-offset-5{margin-left:41.66666666666667%}
  .row > .col-md-offset-4{margin-left:33.33333333333333%}
  .row > .col-md-offset-3{margin-left:25%}
  .row > .col-md-offset-2{margin-left:16.666666666666664%}
  .row > .col-md-offset-1{margin-left:8.333333333333332%}
  .row > .col-md-offset-0{margin-left:0}
}
@media(min-width:1200px){

    .row > .col-lg-12{width:100%}
  .row > .col-lg-11{width:91.66666666666666%}
  .row > .col-lg-10{width:83.33333333333334%}
  .row > .col-lg-9{width:75%}
  .row > .col-lg-8{width:66.66666666666666%}
  .row > .col-lg-7{width:58.333333333333336%}
  .row > .col-lg-6{width:50%}
  .row > .col-lg-5{width:41.66666666666667%}
  .row > .col-lg-4{width:33.33333333333333%}
  .row > .col-lg-3{width:25%}
  .row > .col-lg-2{width:16.666666666666664%}
  .row > .col-lg-1{width:8.333333333333332%}
  .row > .col-lg-pull-12{right:100%}
  .row > .col-lg-pull-11{right:91.66666666666666%}
  .row > .col-lg-pull-10{right:83.33333333333334%}
  .row > .col-lg-pull-9{right:75%}
  .row > .col-lg-pull-8{right:66.66666666666666%}
  .row > .col-lg-pull-7{right:58.333333333333336%}
  .row > .col-lg-pull-6{right:50%}
  .row > .col-lg-pull-5{right:41.66666666666667%}
  .row > .col-lg-pull-4{right:33.33333333333333%}
  .row > .col-lg-pull-3{right:25%}
  .row > .col-lg-pull-2{right:16.666666666666664%}
  .row > .col-lg-pull-1{right:8.333333333333332%}
  .row > .col-lg-pull-0{right:0}
  .row > .col-lg-push-12{left:100%}
  .row > .col-lg-push-11{left:91.66666666666666%}
  .row > .col-lg-push-10{left:83.33333333333334%}
  .row > .col-lg-push-9{left:75%}
  .row > .col-lg-push-8{left:66.66666666666666%}
  .row > .col-lg-push-7{left:58.333333333333336%}
  .row > .col-lg-push-6{left:50%}
  .row > .col-lg-push-5{left:41.66666666666667%}
  .row > .col-lg-push-4{left:33.33333333333333%}
  .row > .col-lg-push-3{left:25%}
  .row > .col-lg-push-2{left:16.666666666666664%}
  .row > .col-lg-push-1{left:8.333333333333332%}
  .row > .col-lg-push-0{left:0}
  .row > .col-lg-offset-12{margin-left:100%}
  .row > .col-lg-offset-11{margin-left:91.66666666666666%}
  .row > .col-lg-offset-10{margin-left:83.33333333333334%}
  .row > .col-lg-offset-9{margin-left:75%}
  .row > .col-lg-offset-8{margin-left:66.66666666666666%}
  .row > .col-lg-offset-7{margin-left:58.333333333333336%}
  .row > .col-lg-offset-6{margin-left:50%}
  .row > .col-lg-offset-5{margin-left:41.66666666666667%}
  .row > .col-lg-offset-4{margin-left:33.33333333333333%}
  .row > .col-lg-offset-3{margin-left:25%}
  .row > .col-lg-offset-2{margin-left:16.666666666666664%}
  .row > .col-lg-offset-1{margin-left:8.333333333333332%}
  .row > .col-lg-offset-0{margin-left:0}
}      
