.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: #01cb00;
    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: #01cb00;
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: #6ec800;
}

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: 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: #01cb00 !important;

border-color: #01cb00 !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: #01cb00;

text-decoration: none;

}

a:active {

color: inherit;

}



.form-control.focus,

.form-control:focus {

border-color: #01cb00;

}



.layui-btn{

background-color: #01cb00;

}

.layui-btn-primary{

background-color: #fff;

}

.layui-btn-primary:hover{

border-color: #01cb00;

}

.layui-form-select dl dd.layui-this{

background-color: #01cb00;

}

/* 澶撮儴 */



.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 ._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: 200px;
height: 76px;

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% - 20em);

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: 105px;

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 */
.input-group1{
  display: table;
}


.swiper-pagination-bullet-active {

background: #01cb00;

}



.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: #01cb00;

border-color: #01cb00;

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: #01cb00;

border: 0;

}



.radio-primary.checked > label:before,

.radio-primary > input:checked + label:before {

background-color: #01cb00;

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.pop_title .win img{
  max-width: none;
  width: 100px;
}
.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;

}



@media only screen and (max-width: 767px) {

.consult .btn:nth-child(1) span{
display: none;
}

.footer_top .left li+li {
margin-left: 0em;
}

}


/*page*/



.site_wrap {

background: #01cb00;

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: #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: 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: #01cb00;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: #01cb00;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;}
