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: #330c70;
  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: #ea3c00;
}

h1,

h2,

h3,

h4,

h5,

h6,

p {

  font: 14px/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: 1340px;
  padding: 0 0px;
  margin: auto;
  width: 100%;
  box-sizing: border-box;
}
hr{
width:80px;margin:0px auto;border:none;border-top:0px  solid #ea3c00; padding:0px 0px 0px 0px; height:2px; color:#f60;
}
[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: #330c70 !important;

  border-color: #330c70 !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: #330c70;

  text-decoration: none;

}

a:active {

  color: inherit;

}



.form-control.focus,

.form-control:focus {

  border-color: #330c70;

}



.layui-btn{

  background-color: #330c70;

}

.layui-btn-primary{

  background-color: #fff;

}

.layui-btn-primary:hover{

  border-color: #330c70;

}

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

  background-color: #330c70;

}

/* 头部 */

.x_productlist {
border:0px solid #006666; overflow:hidden;
width:100%;max-width:1350px; margin:50px auto;
}
.x_productlist h3{
border-top:6px solid #ea3c00; overflow:hidden; font-size:28px;width:120px; padding-top:18px;
}
.x_productlist ul {border:0px solid #006666; overflow:hidden;
	width:100%; margin-top:40px;
}
.x_productlist ul LI {
	 FLOAT: left; border:0px solid #ebeaea; text-align:center;border:1px solid #ddd;MARGIN:0px 1% 10px 0px; OVERFLOW: hidden; WIDTH:24%;HEIGHT:260px;padding:0px 0px 0px 0px; background-color:#fff;
}
.x_productlist ul LI IMG {
	WIDTH:100%; padding:0px;
	 -webkit-transition: 0.4s;
    -webkit-transition: -webkit-transform 0.4s ease-out;
    transition: transform 0.4s ease-out;
    -moz-transition: -moz-transform 0.4s ease-out;
}
.x_productlist ul LI p{
DISPLAY: block; OVERFLOW: hidden; TEXT-ALIGN:CENTER;font-size:14px; padding:16px 0px; line-height:16px; background-color:#fff;border-top:0px solid #ebeaea;
}

.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(246, 246, 246, 1);
  display: none;
  text-align: center;
  line-height: 0;
}

.header .eject p{
  vertical-align: top;
  display: inline-block;
  /* padding: 1em;   */
  margin: 0 0.5em;
  text-align:left;
}
.header ._b ._sr{
border:0px solid #f60; margin-top:-6px;
}

.header ._b ._sr > li p a{
  padding-top: 0px;
  padding-left:4px;
  font-size:16px;
  margin-left:10px;
  text-indent:-4px;
  color:#444;
}

.header ._b ._sr > li+li p a{
  line-height: 20px;
}
.header ._b ._sr > li p a ~ a{
  line-height:20px;
  font-size: 14px;
  color: #888;
}

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

.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: #330c70;
    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: #330c70;
  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: #ea3c00;

}



.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: #330c70;

  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: #330c70;

}



.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: #330c70;

  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: #330c70;
}





.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: #ea3c00;

  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: #330c70;

}



.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: #330c70;

  border-color: #330c70;

  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: #330c70;

  border: 0;

}



.radio-primary.checked > label:before,

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

  background-color: #330c70;

  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: 0em;
  transform: translateY(100%);*/
  width: 100%;

  /* margin-bottom: 3em; */
  background: #333438;
  /* padding-top: 40px; */

}

.footer1 {
/*  position: fixed;
  z-index: 99;
  bottom: 0em;
  transform: translateY(100%);*/
  width: 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:-100;
}



.footer_top {
padding-top:30px;
overflow: hidden;
}
.footer_top .left {
  float: left;
  width: calc(100% - 560px);
}
.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:700;
  font-size:16px;
  height: 3em;

  line-height: 3em;

  margin-bottom: 1em;

}
.footer_top .left dt a {
  color: #fff;
}
.footer_top .left dd p {
  line-height: 1.2em;
  margin: 1em 0;
}
.footer_top .left dd a {
  color: #adadad;
}
.footer_top .middle {
  float: left; 
  width: 140px;margin-top:16px;
}
.footer_top .right {
  float: right;
  width: 320px;
  margin-top:14px;
  color: #fff;
  
}
.footer_top .right h3{
  font-weight:700;
  font-size:16px;margin-bottom:28px;
}
.footer_top .right p{
margin-bottom:8px;
}

.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: #330c70;

  transition: all 0.3s;

  margin-right: 1em;

}



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

  background: #ea3c00;

}



.footer_top .right li + li a:hover {

  color: #ea3c00;

}



.footer_bottom {
  display: table;
  width: 100%;
  line-height: 24px;
  padding: 16px 0;
  border-top:1px solid #444;
  margin-top:20px;
}
.footer_bottom,
.footer_bottom a {
  color: #fff;
}
.footer_bottom .left {
  float: left;
}
.footer_bottom .left span {
  margin: 0 0px;
}
.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: #330c70;

  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: #330c70;
  padding: 0 10px;
}

.consult .btn.btns {

  background: #999;

}



.consult .btn:hover {

  background: #ea3c00;

}



.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;  height:36px; 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:#330c70;color:#fff;border:1px solid #330c70;}
.page a.num:nth-child(2){border-left:1px solid #D8D8D8;}
.page a.num:nth-child(2).on{border-left:1px solid #330c70;}
.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:#330c70;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 #330c70;background: #330c70;}
    .page a.prev.disable:hover,.page a.next.disable:hover{opacity: 0.5;}
    .page a.num:hover{background:#330c70;color:#fff!important; border:1px solid #330c70;}
    .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:#330c70;border:1px solid #330c70; color:#fff!important;}
    .page a.prev.disable,.page a.next.disable{opacity: 0.5;}
}


/*page*/



.site_wrap {

  background: #330c70;

  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;
  padding: 20px 0 20px 0;

  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: #330c70;
    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 {
/*  position: fixed;
  z-index: 99;
  bottom: 0em;
  transform: translateY(100%);*/
  width: 100%;

  /* margin-bottom: 3em; */
  background: #333438;
  border:3px solid #f60;
  position:static;
  /* padding-top: 40px; */

}
  .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 .middle {
  width:100%;margin-top:16px;text-align:center;
}
  .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: #330c70;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: #330c70;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;}

.x_neibanner {
width:100%;
background-color:#f8f8f8;
min-height:100px;
overflow:hidden;
}
.x_neibanner img {
width:100%;
}
.x_productlist {
border:0px solid #006666; overflow:hidden;
width:94%;max-width:480px; margin:50px auto 0px auto;
}
.x_productlist h3{
border-top:6px solid #ea3c00; overflow:hidden; font-size:28px;width:120px; padding-top:18px;
}
.x_productlist ul {border:0px solid #006666; overflow:hidden;
	width:100%; margin-top:40px;
}
.x_productlist ul LI {
	 FLOAT: left; border:0px solid #ebeaea; text-align:center;border:1px solid #ddd;MARGIN:0px 1% 20px 0px; OVERFLOW: hidden; WIDTH:49%; max-height:170px;padding:0px 0px 0px 0px; background-color:#fff;
}
.x_productlist ul LI IMG {
	WIDTH:100%; padding:0px;
	 -webkit-transition: 0.4s;
    -webkit-transition: -webkit-transform 0.4s ease-out;
    transition: transform 0.4s ease-out;
    -moz-transition: -moz-transform 0.4s ease-out;
}
.x_productlist ul LI p{
DISPLAY: block; OVERFLOW: hidden; TEXT-ALIGN:CENTER;font-size:14px; padding:16px 0px; line-height:16px; background-color:#fff;border-top:0px solid #ebeaea;
}

}
@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;}