.footer_top .right .message {
    width: 100%;
    border-spacing: 8px;
    border-collapse: unset;
    margin-top: 32px;
}

.footer_top .right .message td{
    background: rgb(65, 69, 72);
    position: relative;
    font-size: 14px;
}

.footer_top .right .message td:after{
    content: attr(data-placeholder);
    position: absolute;
    left: 10px;
    top: 10px;
}

.footer_top .right .message tr:nth-child(3) td{
    background: none;
}
.footer_top .right .message input,
.footer_top .right .message textarea {
    width: 100%;
    box-sizing: border-box;
    outline: none;
    display: block;
    resize: none;
    border: none;
    border-radius: 0;
    padding: 10px;
    color: #fff;
    font-size: 14px !important;
    background: none;
    position: relative;
    z-index: 2;
}

.footer_top .right .message textarea{
    height: 90px;
}

.footer_top .right .submit {
    padding: 10px 20px;
    border-radius: 0;
    border: none;
    background: #172880;
    color: #fff;
    float: right;
    cursor: pointer;
}

body,

html {

    margin: 0;
    font: 12px/1.5  Arial,"Microsoft YaHei", sans-serif;
    font-size: 5.2vw;

}
.header ._b ._sr > li:nth-child(1) p a {
    text-align: left;
}
.company_name{
    display: inline-block;
    margin-left: 10px;
}

.label{
    background: none !important;
}
.required:after{
    display: none !important;
}

@keyframes wormScale{
    0%{
        transform: scale(1);
    }
    100%
    {
        transform: scale(0);
    }
}

@media print {
    body{
        -webkit-print-color-adjust:exact;
        -moz-print-color-adjust:exact;
        -ms-print-color-adjust:exact;
        print-color-adjust:exact;
    }
}

.layui-layer-dialog .layui-layer-content{
    word-break: normal !important;
}

.weixin {
    position: fixed;
    width: 260px;
    height: 240px;
    z-index: 100000;
    left: 50%;
    top: 50%;
    margin: -120px 0 0 -130px;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    box-shadow: 2px 2px 2px #ddd;
}
.weixin .c {
    position: absolute;
    width: 30px;
    height: 30px;
    right: 0;
    top: 0;
    font-size: 20px;
    font-style: normal;
    text-align: center;
    cursor: pointer;
    z-index: 2;
}
.weixin h2 {
    position: relative;
    line-height: 30px;
    font-size: 16px;
    padding-left: 10px;
}
.weixin .img {
    padding: 20px 10px;
    text-align: center;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
}
.weixin .img img {
    width: 115px;
    height: 115px;
}
.weixin p {
    padding: 15px 10px 0;
    text-align: center;
}

.embeddedServiceHelpButton .helpButton{
    display: none !important;
}

body {

    overflow-x: hidden;

}

.playVideo{
    cursor: pointer;
}



body,

button,

input,

select,

textarea {

    font: 12px/1.5 Arial,"Microsoft YaHei",  sans-serif;

    line-height: 1;

}

input{
    line-height: normal !important;
    vertical-align: middle;
    font-size: 12px !important;
}
.form-control{
    padding: 0 8px;
}

.a._sl .tit{
    cursor: pointer;
}
.worm-popup{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    z-index: 999;
    display: none;
}
.worm-popup.show{
    display: block;
}
.worm-popup .worm-window{
    position: absolute;
    width: 80%;
    height: 80%;
    margin: auto;
    left: 10%;
    top: 10%;
    background: #000;

}
.worm-popup .worm-close{
    position: absolute;
    right: 0;
    top: -30px;
    font-size: 24px;
    color: #fff;
    cursor: pointer;
    background: #172880;
    transition: all .3s;
    height: 30px;
    line-height: 30px;
    width: 30px;
    text-align: center;
}
.worm-popup video{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.worm-popup .worm-close:hover{
    background: #515b93;
}

h1,

h2,

h3,

h4,

h5,

h6,

p {

    font: 17px/1.5  Arial,"Microsoft YaHei", sans-serif;

    margin: 0;

    font-weight: inherit;

    /*font-size: inherit;*/

}



ul,

li,

ol {

    margin: 0;

    padding: 0;

    list-style: none;

}



.wrap {

    max-width: 1280px;

    padding: 0 40px;

    margin: auto;

    width: 100%;

    box-sizing: border-box;

}





[class*="worm-i-"] {

    font-family: "iconfont";

}



i,

em {

    font-style: normal;

}



.box-ratio {

    background-position: center center;

    background-size: 100% 100%;

}



.cl {

    clear: both;

}



a:focus {

    text-decoration: none;

}



.layui-layer-btn .layui-layer-btn0{

    background-color: #172880 !important;

    border-color: #172880 !important;

}

.btn.active,

.btn:active,

.btn:focus,

.btn:hover,

.open .dropdown-toggle.btn {

    color: inherit;

    background-color: inherit;

    border-color: inherit;

    box-shadow: none;

}



.btn:focus {

    outline: none;

}



a {

    color: #1f2837;

}



a:hover {

    color: #172880;

    text-decoration: none;

}

a:active {

    color: inherit;

}



.form-control.focus,

.form-control:focus {

    border-color: #172880;

}



.layui-btn{

    background-color: #172880;

}

.layui-btn-primary{

    background-color: #fff;

}

.layui-btn-primary:hover{

    border-color: #172880;

}

.layui-form-select dl dd.layui-this{

    background-color: #172880;

}

/* 头部 */



/*.header-seat,
.header {

  height: 116px;

}



.header {

  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);

  position: fixed;

  top: 0;

  z-index: 101;

  background: #fff;

  width: 100%;

}

.header .eject{
  position: fixed;
  top: 116px;
  left: 0;
  width: 100%;
  background: rgba(255, 255, 255, 1);
  display: none;
  text-align: center;
  line-height: 0;
}

.header .eject p{
  vertical-align: top;
  display: inline-block;
  !* padding: 1em;   *!
  margin: 0 0.2em;
}

.header ._b ._sr > li p a{
  padding-top: 0;
  line-height: 3em;
  font-size: 14px;
  margin-bottom: 0.5em;
}

.header ._b ._sr > li+li p a{
  line-height: 4em;
}
.header ._b ._sr > li p a ~ a{
  line-height: 2.5em;
  font-size: 13px;
  color: #888;
}

.header ._b ._sr > li p a ~ a:hover{
  color: #01cb00;
}
.header .eject{
  padding: 0.5em 0;
}


.header ._b ._sr > li p a:after{
  height: 1px;
  transform: translateY(0);
}

.header ._b ._sr > li p a ~ a:after{
  display: none;
  transform: translateY(0);
}

.header ._b ._sr > li .eject{
  display: block;
  max-height: 0;
  overflow: hidden;
  transition: all .3s;
  padding: 0;
}
.header ._b ._sr > li{
  position: relative;
}
.header ._b ._sr > li:hover{
  z-index: 2;
}
.header ._b ._sr > li:hover .eject{
  display: block;
  max-height: 700px;

  padding: 0.5em 0;
  !* animation: showeject 0.3s; *!
}

.header ._b ._sr > li+li .eject{
  text-align: right;
}


.header ._t .jia_a {
  display: inline-block;
  position: relative;
}
.header ._t .jia_a:hover .a-list{
  display: block;
  z-index: 99;
  padding: 1em 0;
}
.header ._t ._sr .jia_a i{
  margin-right: 1em;
}
.header ._t ._sr .jia_a i:after{
	content: attr(data-contrast);
    position: absolute;
    right: 0.5em;
    top: 0.3em;
    border-radius: 90px;
    min-width: 1.5em;
    height: auto;
    font-size: 9px;
    font-weight: normal;
    background: #01cb00;
    line-height: 1.5em;
    padding: 0px 0.5em;
    text-align: center;
    color: #fff;
}

.header ._t ._sr > a:nth-child(1){
  width: 1.5em;
  text-overflow: ellipsis;
  overflow: hidden;
  display: inline-block;
  vertical-align: top;
  word-wrap: initial;

}

.header ._t .jia_a .a-list{
  display: none;
  position: absolute;
  border: 1px solid rgba(0,0,0,.15);
  background-color: #fff;
  white-space: nowrap;
  right: 0;
}

.header ._t .a-list a{
  padding: 6px 20px;
  color: #333438;
  display: block;
}

.header ._t .a-list a:hover{
  background: #01cb00;
  color: #fff;
}

@keyframes showeject{
  0%{
    opacity: 0;
    max-height: 0px;
  }
  100%{ 
    opacity: 1;
    max-height: 800px;
  }
}

.header ._t {

  background: #333438;

  color: #fff;

  font-size: 14px;

  height: 36px;

  line-height: 34px;

}



.header ._t a {

  color: #fff;

}

.layui-form-label{
  width: 130px;
  box-sizing: border-box;
}
.layui-input-block{
  margin-left: 130px;
}

.header ._t a .icon-user{
  margin-right: 5px !important;
}

.header ._t a:hover {

  color: #6ec800;

}



.header ._t ._sl {

  float: left;

}



.header ._t ._sr {

  float: right;

}



.header ._t .dropdown {

  display: inline-block;

  vertical-align: top;

}



.header ._t .dropdown .btn {

  background: none;

  color: #fff;

  border-radius: 0;

  padding: 0em 0.5em;

}



.header ._t .dropdown-hover:hover > .dropdown-menu {

  border-radius: 0;

}



.header ._t .dropdown-hover:hover > .dropdown-menu a {

  color: #333438;

}



.header ._t .dropdown-hover:hover > .dropdown-menu a:hover,

.header ._t .dropdown-hover:hover > .dropdown-menu a:focus {

  background: #01cb00;

  color: #fff;

}



.header ._t ._sr a ~ a i {

  margin-right: 1em;

}



.header .vline {

  display: inline-block;

  vertical-align: middle;

  height: 1em;

  border-left: 1px solid #fff;

  margin: 0 1em;

}



.header ._b {

  height: 80px;

  line-height: 80px;

  position: relative;

}



.header ._b .logo {

  width: 157px;

  display: inline-block;

  vertical-align: middle;

}



.header ._b .wrap {

  display: block;

  position: relative;

}



.header ._b ._sc {

  position: absolute;

  left: 307px;

  right: 520px;

  line-height: normal;

  bottom: 15px;

}



.header ._b ._sc ._ssl {

  width: calc(100% - 9em);

  float: left;

}



.header ._b ._sc ._ssr {

  position: relative;

  width: 7em;

  float: right;

}



.header ._b ._sc ._ssr .dropdown-menu a:hover,

.header ._b ._sc ._ssr .dropdown-menu a:focus {

  background: #01cb00;

}



.header ._b ._sc ._ssr .dropdown-menu {

  border-radius: 0;

}



.header ._b ._sr {

  float: right;

}



.header ._b ._sm {

  float: right;

  cursor: pointer;

  display: none;

}



.header ._b ._sr > li {

  width: 100px;

  text-align: center;

  float: left;

}



.header ._b ._sr > li a {

  display: block;

  padding: 1em 10px 0;

  overflow: hidden;

  position: relative;

  box-sizing: border-box;

  line-height: calc(80px - 1em);

}



.header ._b ._sr > li a:after {

  position: absolute;

  bottom: 0;

  left: 0;

  width: 100%;

  content: "";

  display: block;

  height: 5px;

  background: #01cb00;

  transform: translateY(100%);

  transition: all 0.3s;

}

.header ._b ._sr > li .eject a:after {
  background: #333438;
}

.header ._b ._sr > li .eject p:hover a:after {
  background: #01cb00;
}





.header ._b ._sr > li a:hover:after,

.header ._b ._sr > li.on > a:after {

  transform: translateY(0);

}



.header .form-control {

  border-right: 0;

}



.header ._b .btn {

  background: none;

  border-left: 0;

  transition: all 0.3s;

  border: 0;

  padding: 9px 12px;

}



.header ._b .btn:hover,

.header ._b .btn:focus {

  background-color: none;

  border-color: #bfbfbf;

  color: #6ec800;

  border: 0;

}



.header ._b .input-group,

.header ._b .form-control {

  background: #f5f2f0;

  border: 0;

  box-shadow: none;

  height: 38px;

  box-sizing: border-box;

}



.header .form-control,

.header .btn {

  border-radius: 0;

}



.header .dropdown-menu > li > a {

  padding: 6px 20px;

}



.header ._b ._sc .dropdown-menu {

  border: 0;

}



.header ._b ._sc ._ssr .dropdown-menu li + li {

  border-top: 1px solid #eee;

}*/



/* swiper */



.swiper-pagination-bullet-active {

    background: #172880;

}



.swiper-container-vertical > .swiper-pagination-bullets {

    top: 0.5em;

    right: 0.5em;

    transform: translate3d(0, 0, 0);

}



.swiper-pagination-bullet {

    height: 6px;

    width: 6px;

}



.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {

    margin: 0.3em 0;

}



/*  */



/* .checkbox-primary.focus>label:after,

.checkbox-primary>input:focus+label:after, */



.radio-primary.focus > label:after,

.radio-primary > input:focus + label:after {

    box-shadow: none;

    outline: none;

    outline-offset: 0;

}



.checkbox-primary > label:after,

.checkbox-primary > label:before {

    border: 1px solid #989898;

    width: 8px;

    height: 8px;

    left: 8px;

    top: 4px;

}



.checkbox-primary > input:checked + label:after {

    background-color: #172880;

    border-color: #172880;

    background: none;

}



.checkbox-primary > label:before {

    content: "";

    border: 0;

}



/* .checkbox-primary>label:after,

.checkbox-primary>label:before, */



.radio-primary > label:after,

.radio-primary > label:before {

    border: 0;

}



.radio-primary.checked > label:after,

.radio-primary > input:checked + label:after {

    border-color: #172880;

    border: 0;

}



.radio-primary.checked > label:before,

.radio-primary > input:checked + label:before {

    background-color: #172880;

    width: 8px;

    left: 4px;

    top: 4px;

    height: 8px;

    border: 0px solid #333;

    opacity: 1;

}



.radio-primary > label:before,

.radio-primary > input + label:before {

    width: 8px;

    height: 8px;

    left: 4px;

    top: 4px;

    border: 1px solid #333;

    transform: scale(1);

    opacity: 1;

}



/* .checkbox-primary>label, */



.radio-primary > label {

    padding-left: 20px;

}



/*面包屑*/



.site {

    color: #333;

    margin: 20px 0 20px 0;font-size: 14px !important;

}



.site a {

    color: #333;

}



.site em {

    font-family: "宋体";

    padding: 0 2px;

}



/* 尾部 */

/*


.fnt_16 {

  font-size: 16px;

}



.footer {

  position: fixed;

  z-index: 99;

  bottom: 3em;

  width: 100%;

  transform: translateY(100%);

  !* margin-bottom: 3em; *!

  background: #333438;

  !* padding-top: 40px; *!

}



body.ondown {

  padding-bottom: 0 !important;

}



body.ondown .footer {

  position: relative;

  bottom: auto;

  transform: none;
  z-index: 0;
}



.footer_top {

  overflow: hidden;

}



.footer_top .left {

  float: left;

  width: calc(100% - 400px);

}



.footer_top .left ul {

  overflow: hidden;

}



.footer_top .left li {

  float: left;

  width: calc(20% - 1em);

}

.footer_top .left li+li {
  margin-left: 1em;
}


.footer_top .left dl {

  margin-top: 0;

}



.footer_top .left dt {

  font-weight: 400;

  height: 3em;

  line-height: 3em;

  margin-bottom: 1em;

}



.footer_top .left dt a {

  color: #fff;

}



.footer_top .left dd p {

  line-height: 1.5em;
  margin: 1em 0;

}



.footer_top .left dd a {

  color: #adadad;

}



.footer_top .right {

  float: right;

  width: 400px;

  color: #fff;

}



.footer_top .right a {

  color: #787878;

}



.footer_top .right ul {

  text-align: right;

}



.footer_top .right li {

  display: inline-block;

}



.footer_top .right li a {

  padding: 0px 0.4em;

  line-height: 3em;

  height: 3em;

  !* font-size: 14px; *!

  display: block;

  color: #fff;

  !* line-height: 37px; *!
  text-transform: capitalize;

}



.footer_top .right li a i {

  font-size: 18px;

  display: inline-block;

  vertical-align: middle;

}



.footer_top .right li:first-child {

  background: #01cb00;

  transition: all 0.3s;

  margin-right: 1em;

}



.footer_top .right li:first-child:hover {

  background: #6ec800;

}



.footer_top .right li + li a:hover {

  color: #6ec800;

}



.footer_bottom {

  display: table;

  width: 100%;

  line-height: 24px;

  padding: 16px 0;

}



.footer_bottom,

.footer_bottom a {

  color: #fff;

}



.footer_bottom .left {

  float: left;

}



.footer_bottom .left span {

  margin: 0 10px;

}



.footer_bottom .left .xhr {

  margin-left: 20px;

}



.footer_bottom .right {

  float: right;

}



.footer_bottom .right .p01 {

  float: left;

}



.footer_bottom .right .p01 a {

  float: left;

  padding-right: 10px;

  margin-right: 10px;

  position: relative;

}



.footer_bottom .right .p01 a::after {

  content: "";

  width: 1px;

  height: 10px;

  background: #626b7a;

  position: absolute;

  right: 0;

  top: 7px;

}



.footer_bottom .right .p01 a:last-child {

  padding-right: 0;

  margin-right: 0;

}



.footer_bottom .right .p01 a:last-child::after {

  display: none;

}



!*.footer_bottom .right .p01 a:first-child{border:0;margin: 0;}*!



.footer_bottom .right .share_a {

  float: left;

  margin-left: 30px;

}



.share_a a {

  font-size: 20px;

  margin-left: 35px;

}



.footer_link {

  float: left;

  position: relative;

}



.footer_link dt {

  cursor: pointer;

}



.footer_bottom .right .p01 .footer_link dt a,

.footer_bottom .right .p01 .footer_link dd a {

  border: none;

  padding: 0;

  margin: 0;

  display: block;

}



.footer_link dd {

  display: none;

  position: absolute;

  right: 50%;

  margin-right: -60px;

  padding: 10px 0;

  bottom: 40px;

  max-height: 170px;

  overflow: hidden;

  overflow-y: auto;

  background: #fff;

  width: 120px;

  border: 1px solid #bfbfbf;

}



.footer_link dd p {

  line-height: 30px;

  padding: 0 10px;

}



.footer_link dd a {

  display: block;

}
*/



/* 右侧咨询 */

/*


.consult {

  font-size: 0;

  position: fixed;

  top: 50%;

  right: 0;

  z-index: 99;

  writing-mode: vertical-rl;

  writing-mode: tb-rl;

  transform: translateY(-50%);

  white-space: nowrap;

}



.consult .btn {

  background: #01cb00;

  border: 0;

  border-radius: 0;

  color: #fff;

  padding: 1em 0;

  width: 3em;

  line-height: 3em;

  font-size: 13px;

  text-transform: capitalize;
}




.consult a {

  margin-bottom: 0.3em;

}



.consult a i{

  writing-mode: lr-bt;

  display: inline-block;

  height: 1em;

  line-height: 1em;

}

.consult .btn.pop_title{
  position: relative;
}
.consult .btn.pop_title:hover .win{
  animation: opacityEL 0.3s;
  display: block;
}
@keyframes opacityEL{
  0%{
    opacity: 0;
    transform: translateX(100%);
  }
  100%{
    opacity: 1;
    transform: translateX(0%);
  }
}
.consult .btn.pop_title .win{
  display: none;
  position: absolute;
  right: 100%;
  margin-right: 5px;
  top: 0;
  writing-mode: rl;
  writing-mode: rl;
  background: #01cb00;
  padding: 0 10px;
}

.consult .btn.btns {

  background: #999;

}



.consult .btn:hover {

  background: #6ec800;

}



.consult .worm-btn-group {

  display: inline-block;

  vertical-align: top;

}



.consult .worm-btn-group .cont {

  white-space: nowrap;

  display: none;

}



.consult .btn.btns i{

  transform: rotate(180deg);

}



.consult .btn.btns.as i{

  transform: none;

}

*/


/*page*/


.page a.prev i{

    transform: rotate(180deg);

    display: inline-block;

}
.page {vertical-align:middle;text-align:center; margin:30px 0; font-size: 14px; color:#2F2F2F;line-height:36px;}
.page .inner{ display: inline-block; }
.page a{text-align:center; width:36px; height:36px;}
.page a.num{float: left;border:1px solid #D8D8D8; border-left:0;font-family:Arial; background:#fff;color:#666666;}
.page a.on{background:#172880;color:#fff;border:1px solid #172880;}
.page a.num:nth-child(2){border-left:1px solid #D8D8D8;}
.page a.num:nth-child(2).on{border-left:1px solid #172880;}
.page a.prev,.page a.next{float: left; width:50px; border:1px solid #D8D8D8;margin:0 10px; background:#fff; }
.page a.prev.disable,.page a.next.disable{ cursor: default;}
.p_i{ display: inline-block; position: relative;width:36px;height:36px; line-height:36px; margin:0 5px; padding:0 2px!important;background:#fff; border:1px solid #D8D8D8;}
.page input.txtnum{  width:100%; height:100%; text-align: center; border:none; background: none; font-family:Arial;}
.page a.go{ display: inline-block;width: 40px; height: 36px; line-height: 36px; position: relative; top:-1px; font-size: 16px; background:#172880;color:#fff!important; text-align: center; font-family:"arial";}
.p_tot{ font-family: Arial, Helvetica, sans-serif;}
@media only screen and (min-width: 1025px) {
    .page a.prev:hover,.page a.next:hover{color:#fff!important; border:1px solid #172880;background: #172880;}
    .page a.prev.disable:hover,.page a.next.disable:hover{opacity: 0.5;}
    .page a.num:hover{background:#172880;color:#fff!important; border:1px solid #172880;}
    .page a.go:hover{opacity: 0.9;}
}
@media only screen and (max-width: 767px) {

    .consult .btn:nth-child(1) span{
        display: none;
    }

    .footer_top .left li+li {
        margin-left: 0em;
    }

    .page{margin:15px 0;}
    .page span,.page a.go,.page a.num{display: none!important;}
    .page a.prev, .page a.next{background:#172880;border:1px solid #172880; color:#fff!important;}
    .page a.prev.disable,.page a.next.disable{opacity: 0.5;}
}


/*page*/



.site_wrap {

    background: #172880;

    margin-bottom: 40px;
    overflow: hidden;
    position: relative;

}

ul.site_menu {
    float: right;
    line-height: 1.5;
    color: #fff;
}

.site_menu li{
    float: left;
    font-size: 14px;
    width: auto;
    padding: 20px 0.5em;
    position: relative;
}

.site_menu li.on:before{
    content: '';
    display: block;
    width: 100%;
    height: 3px;
    position: absolute;
    bottom: 0;
    margin-left: -0.5em;
    background: #fff;
}


.site_wrap a,
.site_wrap .site {
    color: #fff;
    line-height: 1.5;

}


.site_wrap .site {
    float: left;
    font-weight: 700;
    padding: 10px 0 10px 0;
    font-size: 15px !important;
    margin: 0;

}



/* .checkbox-primary>label, .radio-primary>label{

  display: block;

} */



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

    .footer_top .right li a {

        padding: 0px 1px;

    }

}



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

    .footer_top .left {

        float: left;

        width: calc(100% - 350px);

    }

    .footer_top .right {

        width: 350px;

    }

}


@media screen and (min-width: 1024px) {
    .header ._b ._sr > li p a:nth-child(1){
        line-height: 1.5em;
        height: 4em;
        padding: 1em 0.3em;
    }

    .header ._b ._sr > li p a ~ a {
        line-height: 1.6em;
    }

    .header ._b ._sr > li p a {
        margin-bottom: 1em;
    }
}


@media only screen and (max-width: 1024px) {
    .header ._b ._sr .input-group{
        display: block;
    }

    .header ._b ._sr .input-group-btn{
        position: absolute;
        right: 0;
        font-size: 0;
        white-space: nowrap;
        top: 0;
        z-index: 2;
        width: 38px;
        height: 38px;
        line-height: 38px;
    }

    .senior_search{
        z-index: 9999 !important;
    }

    .footer_bottom .left span {

        margin: 0px;

    }
    .header ._b ._sr > li:hover .eject{
        display: block;
        animation: none;
    }
    .header ._b ._sr > li .eject{
        z-index: 10;
        position: absolute;
        padding: 0;
        height: 100%;
        overflow: auto;
        opacity: 0;
        transform: translateX(100%);
    }
    .header ._b ._sr > li.out .eject{
        animation: showejectOut 0.3s ;
        transform: translateX(100%);
    }

    .header ._b ._sr > li.show .eject{
        display: block;
        animation: showeject 0.3s;
        background: #fff;
        transform: translateX(0%);
        opacity: 1;
    }
    .site {

        margin: 20px 0 16px 0;

    }



    .footer_top .left {

        width: 100%;
        display: none;
    }

    .footer_top .right {

        width: 100%;

        text-align: center;

        padding-top: 0;

        margin-bottom: 20px;

    }

    .footer_top .right ul {

        text-align: center;

    }

    .footer_top .right li a {

        padding: 0px 30px;

    }

    .header ._b ._sc {

        display: none;

    }

    .header ._b ._sr {

        display: block;
        position: fixed;
        background: #fff;
        right: 0;
        height: calc(100% - 116px);
        width: 70%;
        transform: translate3d(100%,0,0);
        transition: all .3s;

    }

    .header ._b ._sr > li{
        display: block;
        float: none;
        line-height: 1.5em;
        width: auto;
    }

    .header ._b ._sr > li a{
        padding: 1em;
        text-align: left;
        line-height: 1.5em;
        width: 100%;
        position: relative;
    }
    .header ._b ._sr > li a:hover:after, .header ._b ._sr > li.on > a:after{
        display: none;
    }
    .header ._b ._sr > li a::before{
        content: '';
        display: block;
        border-top: 1px solid #ccc;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
    }
    .header ._b ._sr > li i.worm-i-jt-right{
        right: 0;
        position: absolute;
        top: 0;
        bottom: 0;
        width: 5em;
        z-index: 9;
    }
    .header ._b ._sr > li i.worm-i-jt-right:before{
        position: absolute;
        top: 50%;
        right: 1em;
        transform: translate(0,-50%);
    }
    .header .eject p{
        width: auto;
        display: block;
    }
    .header .eject .wrap{
        padding: 0;
    }
    .header ._b ._sr > li p a{
        margin-bottom: 0;
    }
    .header .eject p{
        margin: 0;
    }
    .header ._b ._sr > li p a:after{
        display: none;
    }
    .header ._b ._sr > li p a{
        line-height: 1.5em;
        padding: 1em;
    }
    .header ._b ._sr.on{
        display: block;
        transform: translate3d(0,0,0);
    }
    .header ._b ._sr.on::after{
        content: '';
        position: absolute;
        left: -100%;
        width: 100%;
        height: 100%;
        top: 0;
        background: rgba(0, 0, 0, 0.5);
    }
    .header .eject{
        top: 0;
    }
    @keyframes showeject{
        0%{
            opacity: 0;
            transform: translateX(100%);
        }
        100%{
            opacity: 1;
            transform: translateX(0);
        }
    }
    @keyframes showejectOut{
        0%{
            opacity: 1;
            transform: translateX(0%);
        }
        100%{
            opacity: 0;
            transform: translateX(100%);
        }
    }

    .header ._b ._sm {

        display: block;

    }
    .header ._b ._sr > li{
        position: static;
    }
    .header ._b ._sr > li .eject a.active,
    .header ._b ._sr > li.on{
        background: #172880;
        color: #fff;
    }
    .header ._b ._sr > li.on > a{
        color: #fff;
    }
    .header ._b ._sr > li .eject{
        max-height: none !important;
        padding: 0 !important;
    }
    .header ._b ._sr > li .eject a{
        line-height: 1.5em;
    }

    .down_operation .l,.down_operation .r{
        float: none !important;
    }

    .down_operation .checkbox-primary{
        margin-left: 0 !important;
    }

    .checkbox-primary > label:after,

    .checkbox-primary > label:before {

        left: 3px;

    }
}



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

    .layui-form-selected dl {
        width: 100%;
    }
    .layui-form-select dl dd{
        line-height: 1.5em;
        padding: 8px 15px;
        white-space:normal;
    }

    .header ._t ._sr {

        float: none;

    }

    .header ._t ._sl {

        display: none;

    }

    .footer_top .left li {

        width: 100%;

    }

    .footer_top .left dd p {

        width: auto;

        display: inline-block;

        margin-right: 30px;

    }

    .footer_top .left dd p+p{
        margin-left: 0em;
    }

    .footer_top .right li a {

        padding: 0px 4px;

    }

    .footer_top .right {

        margin: 20px 0;

    }

    .footer_top .right ul {

        text-align: left;

    }

    .footer_bottom .left,

    .footer_bottom .right {

        width: 100%;

        float: none;

        overflow: hidden;

    }

    .footer_bottom .left .xhr {

        margin-left: 0;

    }

    .footer_top .left dl {

        margin-bottom: 10px;

    }

}



/* 跳动 */



@keyframes jump {

    0% {

        -webkit-transform: translate(0);

        transform: translate(0);

    }

    10% {

        -webkit-transform: translateY(5px) scaleX(1.2) scaleY(0.8);

        transform: translateY(5px) scaleX(1.2) scaleY(0.8);

    }

    30% {

        -webkit-transform: translateY(-13px) scaleX(1) scaleY(1) rotateZ(5deg);

        transform: translateY(-13px) scaleX(1) scaleY(1) rotateZ(5deg);

    }

    50% {

        -webkit-transform: translateY(0) scale(1) rotateZ(0);

        transform: translateY(0) scale(1) rotateZ(0);

    }

    55% {

        -webkit-transform: translateY(0) scaleX(1.1) scaleY(0.9) rotateZ(0);

        transform: translateY(0) scaleX(1.1) scaleY(0.9) rotateZ(0);

    }

    70% {

        -webkit-transform: translateY(-4px) scaleX(1) scaleY(1) rotateZ(-2deg);

        transform: translateY(-4px) scaleX(1) scaleY(1) rotateZ(-2deg);

    }

    80% {

        -webkit-transform: translateY(0) scaleX(1) scaleY(1) rotateZ(0);

        transform: translateY(0) scaleX(1) scaleY(1) rotateZ(0);

    }

    85% {

        -webkit-transform: translateY(0) scaleX(1.05) scaleY(0.95) rotateZ(0);

        transform: translateY(0) scaleX(1.05) scaleY(0.95) rotateZ(0);

    }

    100% {

        -webkit-transform: translateY(0) scaleX(1) scaleY(1);

        transform: translateY(0) scaleX(1) scaleY(1);

    }

}



@-webkit-keyframes jump {

    0% {

        -webkit-transform: translate(0);

        transform: translate(0);

    }

    10% {

        -webkit-transform: translateY(5px) scaleX(1.2) scaleY(0.8);

        transform: translateY(5px) scaleX(1.2) scaleY(0.8);

    }

    30% {

        -webkit-transform: translateY(-13px) scaleX(1) scaleY(1) rotateZ(5deg);

        transform: translateY(-13px) scaleX(1) scaleY(1) rotateZ(5deg);

    }

    50% {

        -webkit-transform: translateY(0) scale(1) rotateZ(0);

        transform: translateY(0) scale(1) rotateZ(0);

    }

    55% {

        -webkit-transform: translateY(0) scaleX(1.1) scaleY(0.9) rotateZ(0);

        transform: translateY(0) scaleX(1.1) scaleY(0.9) rotateZ(0);

    }

    70% {

        -webkit-transform: translateY(-4px) scaleX(1) scaleY(1) rotateZ(-2deg);

        transform: translateY(-4px) scaleX(1) scaleY(1) rotateZ(-2deg);

    }

    80% {

        -webkit-transform: translateY(0) scaleX(1) scaleY(1) rotateZ(0);

        transform: translateY(0) scaleX(1) scaleY(1) rotateZ(0);

    }

    85% {

        -webkit-transform: translateY(0) scaleX(1.05) scaleY(0.95) rotateZ(0);

        transform: translateY(0) scaleX(1.05) scaleY(0.95) rotateZ(0);

    }

    100% {

        -webkit-transform: translateY(0) scaleX(1) scaleY(1);

        transform: translateY(0) scaleX(1) scaleY(1);

    }

}



/* ks字体大小 */



.fs-250 {

    font-size: 250px;

}



.fs-72 {

    font-size: 72px;

}



.fs-60 {

    font-size: 60px;

}



.fs-48 {

    font-size: 48px;

}



.fs-40 {

    font-size: 40px;

}



.fs-36 {

    font-size: 36px;

}



.fs-30 {

    font-size: 30px;

}



.fs-22 {

    font-size: 22px;

}



.fs-20 {

    font-size: 20px;

}



.fs-18 {

    font-size: 18px;

}



.fs-16 {

    font-size: 16px;

}



.fs-14 {

    font-size: 14px;

}



/*字体大小*/



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

    .fs-250 {

        font-size: 200px;

    }

    .fs-72 {

        font-size: 48px;

    }

    .fs-60 {

        font-size: 40px;

    }

    .fs-48 {

        font-size: 38px;

    }

    .fs-40 {

        font-size: 36px;

    }

    .fs-36 {

        font-size: 32px;

    }

    .fs-30 {

        font-size: 28px;

    }

    .fs-22 {

        font-size: 20px;

    }

    .fs-20 {

        font-size: 19px;

    }

    .fs-18 {

        font-size: 17px;

    }

}



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

    .fs-250 {

        font-size: 160px;

    }

    .fs-72 {

        font-size: 40px;

    }

    .fs-60 {

        font-size: 36px;

    }

    .fs-48 {

        font-size: 32px;

    }

    .fs-40 {

        font-size: 30px;

    }

    .fs-36 {

        font-size: 28px;

    }

    .fs-30 {

        font-size: 24px;

    }

    .fs-22 {

        font-size: 18px;

    }

    .fs-20 {

        font-size: 18px;

    }

    .fs-18 {

        font-size: 16px;

    }

    .fs-16 {

        font-size: 15px;

    }

}



@media only screen and (max-width: 1024px) {
    ul.site_menu {
        display: none;
    }
    .wrap {

        padding: 0 24px;

    }

    .line28 {

        line-height: 24px;

    }

    .fnt_16 {

        font-size: 16px;

    }

    .fnt_20 {

        font-size: 18px;

    }

    .fnt_36 {

        font-size: 28px;

    }

    .fnt_50 {

        font-size: 35px;

    }

    .fs-250 {

        font-size: 125px;

    }

    .fs-72 {

        font-size: 36px;

    }

    .fs-60 {

        font-size: 30px;

    }

    .fs-48 {

        font-size: 24px;

    }

    .fs-40 {

        font-size: 20px;

    }

    .fs-36 {

        font-size: 24px;

    }

    .fs-30 {

        font-size: 20px;

    }

    .fs-22 {

        font-size: 16px;

    }

    .fs-20 {

        font-size: 17px;

    }

    .fs-18 {

        font-size: 15px;

    }

    .fs-16 {

        font-size: 14px;

    }

    .box-ratio {

        background-size: cover !important;

    }

}



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

    .fnt_16 {

        font-size: 14px;

    }

    .fnt_20 {

        font-size: 16px;

    }

    .fnt_36 {

        font-size: 20px;

    }

    .fnt_50 {

        font-size: 25px;

    }

}

/*2021-09-08*/

.gray_body{background: #fbfaf9;}
.ratio-img,.ratio-img img{width: 100%;}
.margin_b100{margin-bottom: 100px;}
@media only screen and (max-width: 1366px) {
    .margin_b100{margin-bottom: 70px;}
}
@media only screen and (max-width: 1024px) {
    .margin_b100{margin-bottom: 50px;}

}
@media only screen and (max-width: 767px) {
    .margin_b100{margin-bottom: 30px;}

}

/*鍥剧墖缁忚繃*/
.tran_scale{ overflow:hidden; display:block;}
.tran_scale img{-webkit-transition: opacity .4s ease-in,-webkit-transform .6s linear;transition: opacity .4s ease-in,transform .6s linear;}

@media only screen and (min-width:1025px) {
    .tran_scale:hover img{transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);-moz-:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);}


}
/*闂嵎璋冩煡*/
.survey_cont{margin-bottom: 100px;}
.survey_iteam{margin-bottom: 40px;}
.survey_cont h3{margin-bottom: 25px;}
.survey_cont h3 i{color: #01ca00;margin-left: 5px;}
.survey_cont{background: #fff;padding: 30px 215px 60px 55px;}
.survey_form{padding-right: 45px;}
.survey_form ul{overflow: hidden;margin: 0 -5px;}
.survey_form li{width: 33.33%;float: left;}
.survey_form .form_w{margin:0 5px;}
.survey_form .form_w input{width: 100%;box-sizing:border-box;height: 30px;line-height: 30px;background: #fbfaf9;border:1px solid #d4d4d4;padding: 0 10px;}

.survey_sex ul{overflow: hidden;}
.survey_sex li{float: left;margin-right: 30px;line-height: 24px;cursor: pointer;}
.survey_sex li:last-child{margin-right: 0;}
.survey_sex li i{border-radius: 50%; float: left;width: 10px;height: 10px;border:1px solid #d6d6d6;background: #fbfaf9;position: relative;top:6px;margin-right: 10px;}
.survey_sex li.on i{background: #01c700;}

.survey_chose li{overflow: hidden;cursor: pointer;margin-bottom: 10px;}
.survey_chose li:last-child{margin-bottom: 0;}
.survey_chose span{float: left;width: 11px;height: 11px;border: 1px solid #8a8a8a;position: relative;margin-top: 6px;}
.survey_chose span i{width: 7px;height: 7px;background: #f4f0ee;position: absolute;left: 50%;top:50%;margin-top: -3.5px;margin-left: -3.5px;}
.survey_chose p{float: right;width: calc(100% - 20px);line-height: 24px;}
.survey_chose li.on span{border: 1px solid #01c700;}
.survey_chose li.on span i{background: #01c700;}

.survey_area textarea{width: 100%;box-sizing:border-box;background: #fbfaf9;height: 200px;padding: 20px;border:1px solid #d4d4d4;}
.survey_btn button{display: inline-block;width: 160px;height: 36px;line-height: 36px;text-align: center;background: #172880;color: #fff;border: none;outline: none;}
@media only screen and (max-width: 1366px) {
    .survey_cont{padding: 30px 50px;padding-bottom: 50px;}
    .survey_cont{margin-bottom: 70px;}
}
@media only screen and (max-width: 1024px) {
    .survey_cont h3{margin-bottom: 15px;}
    .survey_cont{margin-bottom: 50px;}
    .survey_form{padding: 0;}
    .survey_btn{text-align: center;}
}
@media only screen and (max-width: 767px) {
    .oahref{display: none !important;}
    .survey_cont{margin-bottom: 30px;padding: 20px;}
    .survey_form li{width: 100%;margin-bottom: 10px;}
    .survey_form li:last-child{margin-bottom: 0;}
    .survey_iteam{margin-bottom: 20px;}
    .survey_area textarea{height: 120px;}
    .survey_btn button{width: 120px;}
}

/*鏂颁骇鍝侀€氳褰�*/
.new_pro ul{overflow: hidden;margin:0 -15px;padding-bottom: 30px;}
.new_pro li{float: left;width: 50%;margin-bottom: 30px;}
.new_pro dl{margin:0 15px;background: #fbfaf9;overflow: hidden;}
.new_pro dt{float: left;width: 350px;}
.new_pro dd{float: right;width: calc(100% - 350px)}
.newpro_box{padding: 40px 10px;}
.newpro_box h3{line-height: 24px;margin-bottom: 10px;font-weight: bold;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.newpro_box p{line-height: 24px;height: 48px;color: #989898;margin-bottom: 20px;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;}
.pro_more a i{color: #172880;float: left;margin-right: 8px;font-weight: bold;}
.new_pro .page{margin:0;}
@media only screen and (max-width: 1366px) {
    .new_pro dt{width: 300px;}
    .new_pro dd{width: calc(100% - 300px)}
}
@media only screen and (max-width: 1280px) {
    .new_pro dt{width: 280px;}
    .new_pro dd{width: calc(100% - 280px)}
    .new_pro ul{margin:0 -10px;}
    .new_pro dl{margin:0 10px;}
    .new_pro li{margin-bottom: 20px;}
    .newpro_box{padding: 30px 10px;}

}
@media only screen and (max-width: 1024px) {
    .new_pro dt{width: 190px;}
    .new_pro dd{width: calc(100% - 190px)}

    .newpro_box{padding:10px;}
    .newpro_box p{margin-bottom: 10px;}
    .newpro_box h3{margin-bottom: 5px;}
}
@media only screen and (max-width: 767px) {
    .new_pro dt{float: none;width: 100%;}
    .new_pro dd{float: none;width: 100%}
    .new_pro ul{margin:0;padding: 0;}
    .new_pro dl{margin:0;}
    .new_pro li{float: none;width: 100%;}
    .newpro_box{padding: 20px;}
    .newpro_box p{height: auto;max-height: 48px;}
}
@media only screen and (min-width: 1025px) {
    .survey_btn button{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}
    .survey_btn button:hover{opacity: 0.8;}

}

/*头部*/
/*2021-08-31*/
.senior_close{position: absolute;top:20px;right:0;    font-size: 20px;}
.senior_search{position: fixed;top:116px;left: 0;width: 100%;background:#fbfaf9;padding: 30px 0 70px 0;box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);    z-index:97;display: none ;
    max-height: calc(100% - 150px);overflow: hidden;overflow-y:auto;}

.senior_search .wrap {position: relative;}

.senior_search h3{margin-bottom: 10px;}
.senior_search,.senior_search a{color: #000;}

.senior_top{margin-bottom: 30px;}
.senior_top ul{overflow: hidden;line-height: 24px;}
.senior_top li{float: left;margin-right: 20px;}
.senior_top li:last-child{margin-right: 0;}
.senior_top li.on a{color: #01c700;}

.senior_box ul{overflow: hidden;margin: 0 -10px;}
.senior_box li{float: left;width: 33.33%;line-height: 24px;margin-bottom: 16px;}
.senior_box li i,.senior_box li p{line-height: 24px;}
.senior_box li p{padding: 0 10px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.senior_box li i{color: #01c700;float: left;margin-right: 5px;}
@media only screen and (max-width: 1440px) {
    .senior_search{padding-bottom: 50px;}
}
@media only screen and (max-width: 1024px) {
    .senior_close{top:0;right: 10px;}
    .senior_search{top: 38px;width: 100%;right: 0;left: auto;position: absolute;}
}
@media only screen and (max-width:767px) {
    .senior_search{padding: 30px 0;}
    .senior_box li{isolation: 50%;}
    .senior_top{margin-bottom: 20px;}
}
@media only screen and (min-width: 1025px) {
    .senior_search a:hover{color: #01c700;}
}


body{word-wrap: break-word;}
.contact_way_wrap .citems .item a.tel_a{font-size: 22px;}
.tel_a02:hover{color: #989898 !important;}
@media only screen and (max-width: 1440px) {
    .contact_way_wrap .citems .item a.tel_a{font-size: 20px;}
}
@media only screen and (max-width: 1280px) {
    .contact_way_wrap .citems .item a.tel_a{font-size: 18px;}
}
@media only screen and (max-width: 1024px) {
    .contact_way_wrap .citems .item a.tel_a{font-size: 16px;}
}
@media only screen and (max-width:767px) {
    .header ._t ._sr > a:nth-child(1){    text-overflow: inherit;width: 0.85em;}
}
@media only screen and (min-width: 1025px) {
    .tel_a{cursor: default;}
    .tel_a02{cursor: default; color: #989898;}

}

/*2021-09-24*/
.survey_cont .frm_radio,.survey_cont .frm_checkbox{position: absolute;left: -999em;}
.survey_sex{overflow: hidden;}
.survey_sex .frm_radio_label{float: left;margin-right: 30px;line-height: 24px;cursor: pointer;}
.survey_sex .frm_radio_label i{border-radius: 50%; float: left;width: 10px;height: 10px;border:1px solid #d6d6d6;background: #fbfaf9;position: relative;top:6px;margin-right: 10px;}
.survey_sex .frm_radio_label.selected i{background: #01c700;}
.survey_cont .label-checkbox input { opacity:0; filter:alpha(opacity=0);position: absolute;left:0;top:0;width:100%;z-index:100;height:100%;cursor: pointer;margin: 0}
.survey_cont .label-checkbox{position: relative;cursor: pointer;overflow:hidden;margin-bottom: 10px;}
.survey_cont .label-checkbox.selected span{border: 1px solid #01c700;}
.survey_cont .label-checkbox.selected span i{background: #01c700;}