﻿




[class*="worm-i-"] {

  font-family: "iconfont";

}




@media only screen and (min-width: 1025px) {
    .page a.prev:hover,.page a.next:hover{color:#fff!important; border:1px solid #01cb00;background: #01cb00;}
    .page a.prev.disable:hover,.page a.next.disable:hover{opacity: 0.5;}
    .page a.num:hover{background:#01cb00;color:#fff!important; border:1px solid #01cb00;}
    .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:#01cb00;border:1px solid #01cb00; color:#fff!important;}
    .page a.prev.disable,.page a.next.disable{opacity: 0.5;}
}


/*page*/





@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.3em;
  }

  .header ._b ._sr > li p a {
    margin-bottom: 8px;
  }
}


@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: #01cb00;
    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: right;

  }

  .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字体大小 */






@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;max-width:100%;

  }
.aa {width:100%;float: left;background: #333438;padding-bottom: 20px;}
.aa p {text-align: center; color: #fff;}

.aa .title {
    font-weight: bold;
    font-size: 30px;
    line-height: 40px;
    text-align: center;
    padding: 20px 0 10px 0; color: #fff;
}
.a ul {

  margin: 20px 0;

}



.a ul:after {

  content: "";

  display: block;

  clear: both;

}



.a ul li {

  float: left;

  width:99%; margin-right: 0.5%;

}



.a .cont {

  padding: 0.3em 0.5em 0.6em;

  position: relative;

}



.a li .cont:before {

  content: "";

  display: block;

  background: #333438;

  height: 3px;

  position: absolute;

  width: 0%;

  top: 0;

  left: 0;

  transition: all 0.3s;

}



.a .cont h2 {

  color: #363636; font-size: 18px;

  font-weight: bold;

  margin: 15px 0px;

  position: relative;

}






.a .cont h3 {

  height: 3.4em;

  overflow: hidden;

  line-height: 1.7em;

}



.a li .img {

  transition: background-size 0.3s;

}



.a li a:hover .img {

  background-size: 110% 110%;

}



.a li a:hover .cont:before {

  width: 100%;

}
.lh-banner{height:45vh; width:100%;float:left;  overflow:hidden;left:0; top:0; background:#000;}
.lh-banner-box{position:relative; height:45vh; width:100%;    float: left;}
.lh-main.index{position:relative; z-index:2; background:#fff;}
.lh-banner .bd li .img{width:100%;height: 200px;background-position:center;background-repeat:no-repeat;background-size:cover;display:flex;align-items:center;justify-content:center;color:#fff;text-align:center;transition:ease 2s;position:relative;margin-top: 103px;}
.lh-banner .bd li .img:before{content:''; display:none; width:100%; height:100%; position:absolute; left:0; top:0; background:rgba(0,0,0,.4);}
.lh-banner .bd li .text{position:relative; z-index:2; transition:ease .45s; font-size:3.125vw;}
.lh-banner .bd li .text h2{text-transform:uppercase; letter-spacing:6px;}
.lh-banner .bd li .text h3{font-family:'microsoft JhengHei'; margin:5px 0 50px;}
.lh-banner .bd li .text a{display:block; width:220px; height:52px; line-height:52px; color:#fff; text-align:center; margin:auto; border:1px solid #fff; border-radius:4px; font-family:'Arial'; font-size:16px; text-transform:uppercase; position:relative; z-index:1; overflow:hidden;}
.lh-banner .bd li .text a:before{content:''; display:block; width:100%; height:100%; background:#fff; position:absolute; left:0; top:0; transition:ease .45s; opacity:0; z-index:-1;}
.lh-banner .bd li .text a:hover{color:#000;}
.lh-banner .bd li .text a:hover:before{opacity:1;}
.lh-banner .bd li .img video{position:absolute; left:50%; top:50%;width:100%; height:100%; background:#000; transform:translate(-50%,-50%);object-fit: fill;}
.lh-bannerVideo-close{position:absolute; right:2.5vw; top:40px; color:#fff; z-index:200; opacity:0;}
.lh-bannerVideo-close i{font-size:24px;}
	.foot_l{display: none;}
	.lh-footer-e{display: none;}
	.lh-footer-ewm li:first-child{    margin-left: 12%;}
	.lh-footer-a{    padding: 10px 20px;}
	.lh-footer {margin-top: 10px;}
	#flash { width: 100%;  height: 100px;clear: both; position: relative;}
	#flash #play { width: 100%;height: 185px; list-style: none; position: absolute; top: 0px; left: 0px;}
	#button {position: absolute;bottom: 20px;left: 37%;list-style: none;}
	.c { padding: 0.5em 0; width: 100%; float: left;}
	.title { font-weight: bold;  font-size: 30px;line-height: 40px; text-align: center; padding: 10px 0 10px 0;}
	.c .swiper-slide{    width: 100%!important;}
	.swiper-slide{ width: 100%!important;}
	.d {  padding: 0.5em 0 0.2em 0;background: #f5f2f0; width: 100%; float: left;}
	.d .img, .d .text{width: 100%;height: 150px!important;}
	.d .worm-swiper{    margin-top:0.5em;}
	.d .text h2{    color: #595959; margin-bottom: 0.4em; margin-top: 0.2rem; transition: color 0.3s; font-size: 18px;}
	.z_hz_swiper li{    width: 20%!important;}
	.z_index_btmwrp{    padding-top: 20px;}
	.cen-04-3 table{width: 100%!important;}
	.cen-04-3 img { text-align: center;overflow: hidden; width: 100%;}
	.ne1 .ul1 li{    padding: 20px;    margin-bottom: 20px;}
	.ne1 .ul1 li .img{display: block;width: 100%;float: left;overflow: hidden;}
.ne1 .ul1 li .img img{display: block;width: 100%; }
.ne1 .ul1 li .lrt{width: 100%;float: right;text-align: left;padding-top: 10px;}
	.ne1 .ul1 li .lrt .ltc{line-height: 20px; margin: 10px 0 10px;}
	.titile001 h4{    font-size: 20px;}
	.n_about_detail .fl01 {
    padding: 20px 0 0 0;
 }
	#n_lianxi ul{    margin-top: 18px;}
	#n_lianxi .tu{    width: 100%;float: left;}
	#n_lianxi .txt{    width: 100%; float: right; padding-top: 28px;}
	#n_lianxi .ewm{    margin-top: 16px;}
	.content-text{    width: 100%;}
	.content-text h5{    margin-top: 10px;}
	.content-text h5:before{    bottom: -10px;}
	.content-text p{padding-top: 23px;}
	.content-thumb{width: 100%;}
	.content-row{    margin-bottom: 25px;}
	.dot-icon-gray{    margin-top: 20px;}
	.content-row:nth-child(even) .content-text{   margin-left: 0%;}
	.p-B{    font-size: 14px;}
	.b_wrap1 .cover{width:100%}
	.b_wrap1 .text{    width: 100%;padding: 10px;}
	.small-box img{width: 100%;height: 100%;}
	.tab2 ._ssl{width: 100%;}
	.tab2 ._ssc{width: 100%;    padding: 12px;}
	.tab2 ._ssr{padding: 0px 12px 12px 12px;box-sizing: border-box; text-align:left;}
	.tab2 ._ssr .chakan{    margin-top: 0em;    padding: 0.2em 1em;}
	.xiangguan li {background: #fbfaf9; border: 1px solid #fff;}
	.xiangguan>li+li{margin-left:0;}
	span{  white-space:normal!important;}
	.tab-content-active td{width:30%!important;}
	img{width: 100%!important;}

  .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*/


@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;}

}

/*鍥剧墖缁忚繃*/

@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);}


}
/*闂嵎璋冩煡*/

@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;}
}


@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*/

@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;}
}



@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;}

}



