/*html,body{width:100%;    height: 100%;   margin: 0;padding: 0;    font-family: "微软雅黑", "Microsoft YaHei", Helvetica, Tahoma, sans-serif;    font-size: 19px;    outline: 0;    display: block;color: #434343;}*/
html,body{    font-family: "微软雅黑", "Microsoft YaHei", Helvetica, Tahoma, sans-serif;    font-size: 19px;   color: #434343;}
html {
    outline: 0;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
    margin: 0;
    padding: 0
}
table{max-width:100%;}
h1,h2,h3,h4,h5,h6{margin: 0;    padding: 0;    text-transform: uppercase;}
p{ margin: 0;    padding: 0;}
ol, ul, li {    list-style: none;    margin: 0;    padding: 0;}
a{    text-decoration: unset;    color: inherit; transition: color .1s, border-color .1s, opacity .1s, text-decoration-color .1s;}
img {    max-width: 100%;    height: auto;}
@media only screen and (min-width: 769px) {
.pc_hide{display:none !important;}
.rte { font-size: 0.09973753280839895rem;   line-height: 1.6;    color: #434343;word-break: break-word;}
.rte p{    margin-bottom: 1em;}
.rte>p:last-child {
    margin-bottom: 0;
}
.rte p a{    color: #434343;
    text-decoration: underline;
    text-underline-offset: 0.010498687664041995rem;
    text-decoration-color: rgba(67,67,67, .6);
    text-decoration-thickness: 0.005249343832020997rem;}
.tit1-style {    margin-bottom: 2.25em;    font-size: 0.07979002624671916rem;    font-weight: 500;    line-height: 1.3em;    letter-spacing: .1em;    text-transform: uppercase;}
.h1-style{        color: #141414;    margin: 0 0 0.10498687664041995rem;    font-size: 0.23622047244094488rem;    line-height: 1.2;}
.h1-style span {    font-weight: 200;    font-style: normal;    font-size: 100%;    line-height: .95;}
.h2-style {  font-weight: 700;  font-size: 0.2099737532808399rem;    color: #141414;  text-transform: uppercase;  line-height: 1.2;}
.h2-style span{font-family: Saira, sans-serif;    font-weight: 200;    font-style: normal;    font-size: 100%;    line-height: .95;}
.h3-style{    font-size: 0.1889763779527559rem;text-transform: uppercase;font-weight: 700;}
.h4-style {    font-size: 0.16272965879265092rem;    text-transform: uppercase;}
.h5-style {text-transform: uppercase;    font-size: 0.14173228346456693rem;    line-height: 1.2;    font-weight: 700;}
.rte .h5-style{    margin: 1em 0 0.07874015748031496rem;}

.public_text{font-size: 0.31496062992125984rem;line-height: 0.25196850393700787rem;color: #333333;font-weight: bold;}
.public_bottom{    display: inline-block;}
.public_bottom a {
    font-size: 0.08398950131233596rem;
    background: url(../img/buttom.png) no-repeat;
    background-size: 100%;
    color: #fff;
    transition: opacity 1.5s;
    float: left;
    transition-delay: 1s;
    position: relative;
    width: 0.9973753280839895rem;
    height: 0.2782152230971129rem;
    line-height: 0.2782152230971129rem;
    padding-right: 0.10498687664041995rem;
    box-sizing: border-box;
    font-weight: bold;
    text-align: center;
}
/*head*/
.header {    z-index: 3;    position: relative;}
/*h_t*/
.h_t{    padding: 0 0.10498687664041995rem;margin-top: 0.10498687664041995rem;}
.h_t_box {    background: #02822d;    border-radius: 0.031496062992125984rem;    display: flex;    flex-wrap: nowrap;    justify-content: space-between;    padding: 0.010498687664041995rem 0.15748031496062992rem;    align-items: center;}
.h_t_l {    margin-left: -0.04199475065616798rem;}
.h_t_l ul,.h_t_l ul li{ float:left;  display: inline-block;    vertical-align: top;    list-style: none;    margin: 0;    padding: 0;    line-height: 0.07874015748031496rem;}
.h_t_l ul li a{    padding: 0.05879265091863517rem 0.06299212598425197rem;        position: relative;    display: inline-block;    vertical-align: top;}
.h_t_l ul li a svg{    width: 0.07874015748031496rem;    height: 0.07874015748031496rem;    vertical-align: top;}
.h_t_l ul li a:after {    content: "";    position: absolute;    opacity: 0;    width: 0.23097112860892388rem;    height: 0.23097112860892388rem;    top: calc(50% - 0.11548556430446194rem);    left: calc(50% - 0.11548556430446194rem);}
.h_t_c_text {    font-size: 0.07349081364829396rem;    line-height: 0.09553805774278215rem;    color: #fff;}
.h_t_r_text {    padding: 0.04199475065616798rem 0;    font-size: 0.07874015748031496rem;    line-height: 0.11023622047244094rem;    color: #fff;    cursor: pointer;    display: flex;    align-items: center;}
.h_t_r_icon {    margin-left: 0.026246719160104987rem;}
.h_t_r_icon svg {    height: 0.07349081364829396rem;    width: 0.07349081364829396rem;    transition: transform .15s ease-out;}
.h_t_r_icon[isshow=true] svg{    transform: rotate(180deg);}
/*end_h_t*/
/*h_c*/
.h_c {    margin-top: 0.15748031496062992rem;    }
.h_c_box {    padding: 0 0.5301837270341208rem 0 0.3937007874015748rem;        border-radius: 0.031496062992125984rem;    display: flex;    justify-content: space-between;    position: relative;    height: 0.35826771653543305rem;}
.logo img{    height: 0.33070866141732286rem;        width: 0.8346456692913385rem;}
/*h_c_l*/
.h_c_l {    position: relative;    z-index: 1;    display: flex;    align-items: center;}
/*end_h_c_l*/
/*h_c_c*/
.h_c_c {    position: absolute;    width: 100%;    left: 0;    top: 0;    display: flex;    justify-content: center;    align-items: center;    height: 100%;}
.navigation {    height: 100%;}
.nav {    display: inline-block;    width: 100%;    height: 100%;}
.nav_li {    float: left;    display: flex;    align-items: center;    height: 100%;    position: relative;}
.nav_li_tit {    display: inline-block;    padding: 0.031496062992125984rem 0.09448818897637795rem;    white-space: nowrap;    position: relative;    color: #141414;    border-radius: 0.031496062992125984rem;    transition: background .1s ease-out;    font-size: 0.10498687664041995rem;    line-height: 0.25196850393700787rem;    cursor: pointer;}
.nav_li_tit:hover{    background: #0000000d;}
.nav_li_con {    pointer-events: none;    left: 0;    width: max-content;    min-width: 100%;    max-width: 1.4698162729658792rem;    position: absolute;    top: 100%;    left: 0;    padding: 0.04199475065616798rem 0 0.06299212598425197rem;    transition:opacity 175ms ease-in,visibility 175ms;    opacity: 0;    visibility: hidden;z-index: 9;}
.nav_li:hover .nav_li_con{opacity: 1;  pointer-events: auto;  visibility: visible;}
.nav_li_ul {    padding: 0.11548556430446194rem 0.15748031496062992rem 0.11548556430446194rem 0.10498687664041995rem;    background: #000;    border-radius: 0.031496062992125984rem;    box-shadow: 0.005249343832020997rem 0.005249343832020997rem 0.06299212598425197rem #0000001a;    overflow-y: auto;    max-height: calc(90vh - 0.3569553805774278rem);    color: #fff;}
.nav_li_ul li a {    padding: 0.026246719160104987rem 0;    display: block;    line-height: 1.2em;    font-size: 0.07874015748031496rem;}
.nav_li_ul li a:hover{color:#009dbe;}
/*end_h_c_c*/
/*h_c_r*/
.h_c_r {    position: relative;    z-index: 1;    display: flex;    align-items: center;}
.h_r_tel {
    background: url(../img/tel2.png) no-repeat;
    font-size: 0.12598425196850394rem;
    line-height: 0.25196850393700787rem;
    color: #009dbe;
    font-weight: bold;
    margin-right: 0.1837270341207349rem;
    background-size: 0.12598425196850394rem 0.12598425196850394rem;
    padding-left: 0.1994750656167979rem;
    background-position: left;
}
.h_search_icon {    height: 0.23097112860892388rem;    min-width: 0.23097112860892388rem;    display: flex;    justify-content: center;    align-items: center;    cursor: pointer;}
.h_search_icon svg {    width: 0.12598425196850394rem;    height: 0.12598425196850394rem;    transition: fill .1s;}

/*end_h_c_r*/
/*h_c_search*/
.h_c_search {
    display: none;
}
.h_c_search_box{
    background: #fff;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    width: 100%;
    position: relative;
    padding: 0.29396325459317585rem 0;
}
.h_search_input{
    position: relative;
    width: 2.7664041994750654rem;
}
.h_search_input input {
    border-color: #989898;
    line-height: 1.5em;
    padding: 0.06299212598425197rem 0.34120734908136485rem 0.06299212598425197rem 0.06299212598425197rem;
    padding-inline-start: 0.12598425196850394rem;
    border: 0;
    min-height: calc(0.14698162729658792rem + 1.3em);
    background: #0000000d;
    color: #434343;
    border-radius: 0.026246719160104987rem;
    font-size: 0.09973753280839895rem;
    position: relative;
    width: 100%;
}
.h_search_input svg {
    position: absolute;
    right: 0.10498687664041995rem;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
}
.h_search_close,.h_search_close_copy{
    margin-top: 0.06299212598425197rem;
    padding: 0 1em;
    color: #434343;
    background: transparent;
    border: 0;
    vertical-align: baseline;
    border-radius: 0;
    font-size: 0.09973753280839895rem;
    line-height: 0.15958005249343832rem;
    cursor: pointer;
}
.h_search_close_copy{opacity: 0;}
/*end_h_c_search*/
/*end__c*/
/*end_head*/
/*banner_carousel(banner模版样式)*/
.banner_carousel {    height: 2.4146981627296586rem;    margin: 0.10498687664041995rem 0;    border-radius: 0.031496062992125984rem;    overflow: hidden;    position: relative;}
.banner_carousel_box {    border-radius: 0.031496062992125984rem;    overflow: hidden;}
.banner_carousel_box_image {    position: relative;    background: #12121280;    transform: scale(1);    will-change: transform;    transition: transform 2s cubic-bezier(.21, .6, .35, 1);}
.banner_carousel_box_image img{    object-fit: cover;    height: 100%;    width: 100%;}
.banner_carousel_box_image:after{    content: "";    width: 100%;    height: 100%;    background: #12121280;    position: absolute;    z-index: 1;    top: 0;    display: block;    left: 0;}
.banner_carousel_box_con {    position: absolute;    top: 0;    left: 0;    right: 0;    bottom: 0;    text-align: center;    display: flex;    align-items: center;    z-index: 2;    align-items: flex-end;    justify-content: left;    text-align: left;}
.banner_carousel_box_title {    padding: 0.3674540682414698rem;    max-width: 4.199475065616798rem;    display: block;    position: relative;    width: 100%;    line-height: 1.1em;    color: inherit;    font-size: 0.4199475065616798rem;    color: #fff;box-sizing: border-box;}
/*end_banner_carousel*/
/*footer*/
.footer {   }
.f_body {      clear: both;    background: #f0f0f0;    color: #414141;    padding: 0.26246719160104987rem 0.5301837270341208rem 0.15748031496062992rem;}
.f_body_h {    display: flex;    flex-wrap: wrap;    justify-content: space-between;    margin-bottom: -0.26246719160104987rem;    padding-top: 0.10498687664041995rem;    padding-bottom: 0.2099737532808399rem;    margin-left: -0.10498687664041995rem;}
.f_body_hl {    float: left;   max-width: 2.4146981627296586rem;    margin-bottom: 0.2099737532808399rem;    padding-left: 0.10498687664041995rem;    box-sizing: border-box;}
.f_body_hc {    margin-bottom: 0.2099737532808399rem;    padding-left: 0.10498687664041995rem;}
.f_body_hr {    margin-bottom: 0.26246719160104987rem;    padding-left: 0.10498687664041995rem;    max-width: 1.837270341207349rem;   box-sizing: border-box;}
.f_h_title {    margin-bottom: 0.10498687664041995rem;    color: #141414;    white-space: nowrap;    text-transform: uppercase;    font-size: 0.12073490813648294rem;    font-weight: 700;    line-height: 1.2;}
.f_h_con {    margin-bottom: 0.15748031496062992rem;    color: #414141;    font-size: 0.09973753280839895rem;    line-height: 1.6;    font-weight: 400;}
.f_h_con>p {    margin-bottom: 1em;}
.f_h_social>ul {    margin-inline-start: -0.05249343832020997;    line-height: 0.12073490813648294rem;    display: inline-block;    vertical-align: top;}
.f_h_social>ul>li {    float: left;}
.f_h_social>ul>li>a {    position: relative;    display: inline-block;    vertical-align: top;    padding: 0.05249343832020997rem 0.06299212598425197rem;}
.f_h_social>ul>li>a:hover{opacity: .75;}
.f_h_social svg {    width: 0.12073490813648294rem;    height: 0.12073490813648294rem;}
.f_h_menu li {    margin-bottom: .5em;    color: #414141;    font-size: 0.09973753280839895rem;    line-height: 0.15958005249343832rem;}
.f_h_menu li a:hover{opacity: .75;}
.f_h_contact_form_email{border-color: #989898;    font-size: 0.09973753280839895rem;    line-height: 1.3;    background: #fff;    color: #434343;    border: 0.007874015748031496rem solid #d0d0d0;    padding: 0.06824146981627296rem 0.07874015748031496rem;    vertical-align: middle;   max-width: 100%;    min-height: calc(0.14698162729658792rem + 1.3em);    border-radius: 0.026246719160104987rem;    -webkit-appearance: none;    box-sizing: border-box;margin-bottom: 1em;}
.f_h_contact_form_button {    background: #02822d;    border: 0.007874015748031496rem solid #02822d;    color: #fff;    font-size: 0.09973753280839895rem;    line-height: 1em;    cursor: pointer;   padding: 0.06824146981627296rem 0.16272965879265092rem;    text-align: center;    border-radius: 0.026246719160104987rem;    transition: background-color .1s, color .1s, border-color .1s, opacity .1s, transform 50ms;    display: inline-block;}
.f_h_contact_form_button:hover{ background:#009dbe;border-color: #009dbe;}
.f_body_f {    flex-wrap: nowrap;    padding-top: 0.26246719160104987rem;    display: flex;    justify-content: space-between;    margin-left: -0.10498687664041995rem;}
.f_fl {    padding: 0 0 0 0.10498687664041995rem;}
.f_fl_lang {    margin: 0 0 0.10498687664041995rem;    margin-inline-end: 0.05249343832020997rem;    position: relative;    font-size: 0.09973753280839895rem;    line-height: 1.2em;}
.f_fl_lang_text {    display: flex;    align-items: center;    padding: .75em 1em;    border: 0.007874015748031496rem solid #d0d0d0;    background-color: #fff;    color: #434343;    font-size: inherit;    line-height: 1.2em;    letter-spacing: 0;    text-transform: none;    text-align: inherit;    border-radius: 0.026246719160104987rem;}
span.f_fl_lang_text_arrow {    margin-inline-start: 0.05249343832020997rem;}
span.f_fl_lang_text_arrow svg {    display: block;    height: 0.09448818897637795rem;    width: 0.09448818897637795rem;    transition: transform .15s ease-out;}
.f_fl_copy {    font-size: 0.09973753280839895rem;    line-height: 1.2em;    padding: .75em 1em;}
.f_fl_copy a:hover{opacity: .75;}
/*end_footer*/
/*ty_buttom_a(通用按钮样式)*/
.ty_buttom_a {    font-size: 0.09973753280839895rem;    line-height: 0.09973753280839895rem;    border-radius: 0.026246719160104987rem;    background: #fff;    color: #282828;    transition: opacity 1.5s;    padding: 0.06824146981627296rem 0.16272965879265092rem;    margin: 0.05249343832020997rem 0.049868766404199474rem 0;    transition-delay: 1s;    position: relative;    display: inline-block;}
.ty_buttom_a:hover {    background: #009dbe;    color: #fff;}
.ty_buttom_a span {    display: inline-block;    transition: all .5s cubic-bezier(.19, 1, .22, 1);    vertical-align: baseline;}
.ty_buttom_a:hover span {    transform: translate(-0.03674540682414698rem);}
.ty_buttom_a:after{    content: "";    position: absolute;    top: calc(50% - 0.047244094488188976rem);    right: 0.06824146981627296rem;    opacity: 0;    width: 0.09448818897637795rem;    height: 0.09448818897637795rem;    background-size: 100%;    background-repeat: no-repeat;    transform: translate(-0.03674540682414698rem);    transition: all .5s cubic-bezier(.19, 1, .22, 1);    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='-1 0 23 24' fill='none' stroke='rgb(255, 255, 255)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='9 18 15 12 9 6'%3E%3C/polyline%3E%3Cpolyline points='3 12 14 12'%3E%3C/polyline%3E%3C/svg%3E");}
.ty_buttom_a:hover:after {    opacity: 1;    transform: translate(0);}
/*end_ty_buttom_a*/
/*marquee(通用滚动板块样式)*/
@keyframes marquee {    0% {        transform: translate(0)    }    to {        transform: translate(-100%)    }}
.marquee-container{overflow: hidden;}
.marquee {    display: flex;    flex-direction: row;    flex-wrap: nowrap;    width: max-content;    white-space: nowrap;    position: relative;    direction: ltr;    margin: 0;    padding: 0.10498687664041995rem 0;}
.marquee-content {    display: flex;    align-items: center;    padding-right: .2em;    width: max-content;    animation: marquee 28s linear infinite;}
.marquee-text {    padding-right: 0.31496062992125984rem;    font-size: 0.26246719160104987rem;    color: #141414;    font-weight: 700;    line-height: 0.31496062992125984rem;}
.marquee-textfont{    font-weight: 200;    font-style: normal;    font-size: 100%;    line-height: .95;}
.marquee-image {    width: 0.5249343832020997rem;    margin-right: 0.26246719160104987rem;}
/*end_marquee*/
/*pro_carousel(产品轮播列表模版)*/
.pro_carousel{    overflow: hidden;    width: 100%;position: relative;}
.pro_carousel>.swiper-wrapper>.swiper-slide{border-radius: 0.031496062992125984rem;       overflow: hidden;    display: flex;    flex-wrap: wrap;}
.pro_carousel img{object-fit:cover;width:100%;height: 100%;    position: absolute;    left: 0;    top: 0;}
.pro_carousel_li_img{   transition: transform .55s ease;}
.pro_carousel_type_li:hover .pro_carousel_li_img{transform: scale(1.03);}
.pro_carousel_type_li:after {    content: "";    position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%;    background: #12121280;    z-index: 1;    pointer-events: none;    transition: opacity .35s;}
.pro_carousel_type_li>a{    flex-grow: 1;    display: flex;}
.pro_type_li_tit {    flex-grow: 1;    display: flex;    flex-direction: column;    justify-content: flex-end;    padding: 0.15748031496062992rem;    color: #fff;    font-size: 0.23622047244094488rem;    z-index: 2;    line-height: 1.1em;}
.pro_carousel_li{    background: #f4f4f4;}
.pro_carousel_li_h {    width: 100%;    position: relative;}
.pro_carousel_li_box{mix-blend-mode: darken;}
.pro_carousel_box_li{ transition: opacity .1s;   display: block;    position: absolute;    top: 0;    left: 0;    width:auto;    height:auto;    overflow: hidden;    opacity: 0;    pointer-events: none;    }
.pro_carousel_li_box>.pro_carousel_box_li.active{opacity: 1;position: relative;}
.carousel_box_img {    position: relative;    height: 0;    padding-top: 100%;    vertical-align: baseline;    background-color: #f4f4f4;    transition: background .25s ease;}

.pro_carousel_li_prev,.pro_carousel_li_next {    display: none;    position: absolute;    top: 50%;    transform: translateY(-50%);    opacity: 0;    pointer-events: none;    transition: opacity .1s;    padding: 0.047244094488188976rem;    z-index: 3;}
.pro_carousel_li_prev{left: 0.05249343832020997rem;}
.pro_carousel_li_next{right:0.05249343832020997rem;}
.pro_carousel_li_next svg,.pro_carousel_li_prev svg{    position: relative;    z-index: 1;    display: block;    fill: transparent;    stroke: #434343 !important;    width: 0.09448818897637795rem;    height: 0.09448818897637795rem;}
.pro_carousel_li_prev:after,.pro_carousel_li_next:after {content: "";    position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%;    background: #fff;    opacity: .7;    border-radius: 0.026246719160104987rem;}
.pro_carousel_li_h:hover .pro_carousel_li_prev,.pro_carousel_li_h:hover .pro_carousel_li_next{display: block;   cursor: pointer;     opacity: 1;        pointer-events: auto;}
.pro_carousel_li_con {    display: block;    color: #414141;    margin: 0.08398950131233596rem 0.07349081364829396rem;    font-size: 0.08923884514435695rem;    text-align: center;    width: 100%;}
.pro_carousel_li_con>a {    display: block;    position: relative;    font-weight: 600;    line-height: 0.14278215223097113rem;}
.pro_carousel_li_price {    margin-top: .5em;    white-space: nowrap;    font-weight: 600;    line-height: 0.14278215223097113rem;}
.pro_carousel_fy {    position: absolute;    z-index: 2;    top: 0.05249343832020997rem;    right: 0.05249343832020997rem;        text-align: end;}
.pro_carousel_fy_prev,.pro_carousel_fy_next {    display: inline-block;    border: none;    padding: 0.05249343832020997rem;    pointer-events: auto;    cursor: pointer;    background: #ffffff;    color: #434343;    border-radius: 0.026246719160104987rem;    vertical-align: top;    transition: all 50ms;}
.pro_carousel_fy svg{    width: 0.09448818897637795rem;    height: 0.09448818897637795rem;}
/*end_pro_carousel*/
/*bottom1-style*/
.bottom1-style {
    margin-top: 0.1679790026246719rem;
}
.bottom1-style a {
    background: #02822d;
    border: 0.007874015748031496rem solid #02822d;
    color: #fff;
    font-size: 0.09973753280839895rem;
    line-height: 1em;
    padding: 0.06824146981627296rem 0.16272965879265092rem;
    border-radius: 0.026246719160104987rem;
    transition: background-color .1s, color .1s, border-color .1s, opacity .1s, transform 50ms;
    display: inline-block;
    position: relative;
}
.bottom1-style a span{display: inline-block;    transition: all .5s 
cubic-bezier(.19, 1, .22, 1);}
.bottom1-style a:after{
    content: "";
    position: absolute;
    top: calc(50% - 0.047244094488188976rem);
    right: 0.06824146981627296rem;
    opacity: 0;
    width: 0.09448818897637795rem;
    height: 0.09448818897637795rem;
    background-size: 100%;
    background-repeat: no-repeat;
    transform: translate(-0.03674540682414698rem);
    transition: all .5s cubic-bezier(.19, 1, .22, 1);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='-1 0 23 24' fill='none' stroke='rgb(255, 255, 255)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='9 18 15 12 9 6'%3E%3C/polyline%3E%3Cpolyline points='3 12 14 12'%3E%3C/polyline%3E%3C/svg%3E");
}
.bottom1-style a:hover{        
    background: #009dbe;
    border-color: #009dbe;
}
.bottom1-style a:hover span{    transform: translate(-0.03674540682414698rem);}
.bottom1-style a:hover:after {
    opacity: 1;
    transform: translate(0);
}
/*end_bottom1-style*/
/*marketing*/
.marketing {
    position: fixed;
    right: 0;
    top: 20%;
    transition: all ease .3s;
    z-index: 999;
}
.marketing_li {
    border-radius: 0.26246719160104987rem 0 0 0.26246719160104987rem;
    background: #009dbe;
    padding: 0.05249343832020997rem;
    position: relative;
    margin: 0.05249343832020997rem 0;
    -webkit-transition: all ease-in-out .3s;
    transition: all ease-in-out .3s;
    width: 0.34120734908136485rem;
    margin-left: auto;
    right: 0;
    
}
.marketing_li:hover{width:0.7874015748031497rem;}
.marketing_tit {
    position: relative;
    display: block;
    padding-left: 0.2887139107611549rem;
    height: 0.23622047244094488rem;
    line-height: 0.23622047244094488rem;
    cursor: pointer;
}
.marketing_icon {
    width: 0.23622047244094488rem;
    height: 0.23622047244094488rem;
    padding: 0.05249343832020997rem;
    border-radius: 50%;
    background: #ffffff;
    position: absolute;
    left: 0px;
    top: 0;
}
.marketing_icon img{
    width:100%;height: 100%;object-fit: contain;
}
.marketing_tit span {
    font-size: 0.07349081364829396rem;
    color: #fff;
}
.marketing_con {
    position: absolute;
    top: -0.05249343832020997rem;
    right: 0.23622047244094488rem;
    z-index: 999;
    padding: 0.05249343832020997rem;
    padding-right: 0.14698162729658792rem;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    opacity: 0;
    -webkit-transition: all ease-in-out .3s;
    transition: all ease-in-out .3s;
    pointer-events: none;
}
.marketing_li:hover .marketing_con{
    right: 0.6824146981627297rem;
    overflow: visible;
    opacity: 1;
    pointer-events: all;
}
.marketing_con_box {
    float: left;
    padding: 0.05249343832020997rem 0.10498687664041995rem;
    border: 1px solid #ccc;
    border-top: 0.010498687664041995rem solid #009dbe;
    border-bottom-right-radius: 0.02099737532808399rem;
    border-bottom-left-radius: 0.02099737532808399rem;
    background-color: #fff;
}
.marketing_con_box a {
    position: relative;
    display: block;
    padding: 0.015748031496062992rem;
    font-size: 0.08398950131233596rem;
    line-height: 0.12598425196850394rem;
}
.marketing_con_box p img{
    margin-top: 0.05249343832020997rem;
    width: 0.7349081364829396rem;
    height: 0.7349081364829396rem;
    object-fit: contain;
}
/*end_marketing*/
}@media only screen and (max-width: 768px) {
.tit1-style {
    font-size: 0.38rem;
    font-weight: 500;
    line-height: 1.3em;
    letter-spacing: .1em;
    text-transform: uppercase;
    margin-bottom: 2.25em;
}
.h1-style {
    color: #141414;
    font-size: 0.9rem;
    font-weight: 700;
    font-style: normal;
    line-height: 1.2;
    margin-bottom: 0.5rem;
}
.h1-style span{
    font-weight: 200;
    font-style: normal;
    font-size: 100%;
    line-height: .95;
}
.h2-style {
    margin-bottom: 0.5rem;
    font-size: 0.825rem;
    line-height: 1.2;
    font-weight: 700;
    color: #141414;
}
.h2-style span {
    font-weight: 200;
    font-style: normal;
    font-size: 100%;
    line-height: .95;
}
.h3-style {
    font-size: 0.75rem;
    text-transform: uppercase;
    font-weight: 700;
    font-style: normal;
    line-height: 1.2;
}
.h5-style {
    margin: 1em 0 0.375rem;
    text-transform: uppercase;
    font-size: 0.6rem;
    color: #141414;
    font-weight: 700;
    line-height: 1.2;
}
.rte {
    font-size: 0.475rem;
    line-height: 1.6;
    color: #434343;
    word-break: break-word;
}
.rte p{margin-bottom: 1em;}
.rte>p:last-child {
    margin-bottom: 0;
}
.bottom1-style {
    margin-top: 0.8rem;
}
.bottom1-style a {
    background: #02822d;
    border: 0.0375rem solid #02822d;
    font-size: 0.475rem;
    line-height: 1em;
    padding: 0.325rem 0.775rem;
    border-radius: 0.125rem;
    font-weight: 400;
    font-style: normal;
    color: #fff;
    display: inline-block;
}
.m_hide{display:none !important;}
.header {
    position: relative;
    top: 0;
    width: 100%;
    z-index: 9;
}
.h_c {
    padding: 0 0.5rem;
    width: 100%;
    box-sizing: border-box;
    display: inline-block;
    margin-top: 0.25rem;
   /* background: #009dbe;*/
    border-radius: 0.125rem;
}

.h_c_box {
    float: left;
    width: 100%;
    padding: 0.125rem 0;
}
.h_c_l {
    float: left;
    
    text-align: center;
}
.h_c_l a{display:inline-block;height: 1rem;}
.h_c_l a img{height:100%;}
.h_c_r {
    float: right;
    margin-top: 0.2rem;
    margin-right: 0.25rem;
}
.m_nav {
    float: right;
    margin-top: 0.2rem;
}
.m_nav svg {
    width: 0.6rem;
    height: 0.6rem;
    transition: fill .1s;
    stroke: #141414;
}

.h_r_tel {
    float: left;
    color: #009dbe;
    font-size: 0.4rem;
    line-height: 0.6rem;
    margin-right: 0.3rem;
    background: url(../img/tel2.png) no-repeat;
    background-size:0.6rem 0.6rem;
    padding-left: 0.7rem;
    font-weight: bold;
}

.h_search_icon {
    float: left;
}
.h_search_icon svg {
    width: 0.6rem;
    height: 0.6rem;
}
.h_search_icon svg g {
    stroke: #141414;
}
/*h_c_search*/
.h_c_search {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
}
.h_search_close_copy{display: none;}
.h_c_search_box{
    background: #fff;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    width: 100%;
    position: relative;
    padding: 1.05rem 0.5rem;
    box-sizing: border-box;
}
.h_search_input{
    position: relative;
    width: 76%;
}
.h_search_input input {
    border-color: #989898;
    line-height: 1.5em;
    padding: 0.3rem;
    padding-left: 0.6rem;
    border: 0;
    background: #0000000d;
    color: #434343;
    border-radius: 0.125rem;
    font-size: 0.475rem;
    position: relative;
    width: 100%;
}
.h_search_input svg {
    position: absolute;
    right: 0.5rem;
    top: 50%;
    transform: translateY(-50%);
    width: 0.6rem;
    height: 0.6rem;
    transition: fill .1s;
}
.h_search_close,.h_search_close_copy{
    color: #434343;
    background: transparent;
    border: 0;
    vertical-align: baseline;
    border-radius: 0;
    font-size: 0.475rem;
    line-height: 1.6;
    cursor: pointer;
    width: 24%;
    margin-top: 0.3rem;
    padding: 0 1em;
}
.h_search_close_copy{opacity: 0;}
/*end_h_c_search*/
/*nav*/
.navigation {
    position: fixed;
    z-index: 100;
    width: calc(100% - 1rem);
    height: calc(100% - 1rem);
    left: 0.5rem;
    top: 0.5rem;
    visibility: hidden;
    transition: transform .5s cubic-bezier(.55, .03, .37, .96), visibility .5s cubic-bezier(.55, .03, .37, .96);
    overflow-x: hidden;
    overflow-y: auto;
    background: #009dbe;
    padding-bottom: 1.5rem;
    box-sizing: border-box;
    border-radius: 0.15rem;
    transform: translate(calc(-100% - 20px));
}
.h_c_c.active .navigation {    transform: translate(0);    visibility: visible; }
.m_nav_bak {
    background: #0000004d;
    opacity: 0;
    transition: opacity .5s cubic-bezier(.55, .03, .37, .96);
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 99;
    pointer-events: none;
    height: 0;
}
.h_c_c.active .m_nav_bak{    
    height: 100%;
    opacity: 1;
    pointer-events: auto;
}
.m_nav_head {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.m_nav_back {
    padding: 0.15rem 0.35rem;
    color: inherit;
    visibility: hidden;
    opacity: 0;
    transition: opacity .35s cubic-bezier(.55, .03, .37, .96), visibility .35s cubic-bezier(.55, .03, .37, .96);
}
.m_nav_head.active .m_nav_back {
    opacity: 1;
    visibility: visible;
}
.m_nav_title {
    padding: 0.2rem 0 0.1rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    visibility: hidden;
    opacity: 0;
    transform: translate3d(10px, 0, 0);
    transition: transform .35s cubic-bezier(.55, .03, .37, .96), opacity .35s cubic-bezier(.55, .03, .37, .96), visibility .35s cubic-bezier(.55, .03, .37, .96);
    color: #fff;
    font-size: 0.425rem;
    line-height: 0.6375rem;
}
.m_nav_head.active .m_nav_title{
    opacity: 1;
    visibility: visible;
    transform: translateZ(0);
}
.m_nav_back svg {
    fill: none !important;
}
.m_nav_close {
    margin: 0.25rem;
    padding: 0.2rem;
    width: auto;
    height: auto;
    color: #434343;
    background: #f0f0f0;
    border-radius: 0.125rem;
}
.nav {
    padding: 0.3rem 0;
}
.nav_li {
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-start;
    justify-content: space-between;
}
.nav_li_tit {
    color: #fff;
    padding: 0.3rem 0.5rem;
    font-size: 0.425rem;
    font-weight: 600;
    line-height: 0.6375rem;
    max-width: calc(100% - 1.5rem);
    flex: 1 1 0;
}
.nav_li_toggle {
    padding: 0.25rem 0.4rem;
}
.nav_li_toggle svg{
    transform: rotate(-90deg);
    fill: none;
    width:0.6rem;
    height: 0.6rem;
}
.nav_li_con {
    overflow: auto;
    position: absolute;
    z-index: 1;
    top: 1.425rem;
    left: 0;
    bottom: 0;
    width: 100%;
    padding-bottom: 1.5rem;
    background: #009dbe;
    transform: translate3d(100%, 0, 0);
    visibility: hidden;
    transition: transform .35s cubic-bezier(.55, .03, .37, .96), visibility .35s cubic-bezier(.55, .03, .37, .96);
}
.nav_li_con.active{transform: translateZ(0);visibility: visible;}
.nav_li_ul>li>a {
    padding: 0.3rem 0.5rem;
    font-size: 0.425rem;
    line-height: 0.6375rem;
    color: #ffffff;
    font-weight: 600;
    display: block;
}
/*end_nac*/
/*banner*/
.banner {
    padding: 0 0.5rem;
}
.banner_carousel {
    margin: 0.5rem 0;
    border-radius: 0.15rem;
    overflow: hidden;
}
.banner_carousel_box {
    position: relative;
    height: 11.5rem;
}
.banner_carousel_box_image img {
    object-fit: cover;
    height: 100%;
    width: 100%;
}
.banner_carousel_box_image:after {
    content: "";
    width: 100%;
    height: 100%;
    background: #12121280;
    position: absolute;
    z-index: 1;
    top: 0;
    display: block;
    left: 0;
}
.banner_carousel_box_con {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    display: flex;
    align-items: center;
    z-index: 2;
    align-items: flex-end;
    justify-content: left;
    text-align: left;
}
.banner_carousel_box_title {
    width: 100%;
    padding: 0.4rem;
    line-height: 1.1em;
    color: #ffffff;
    text-transform: uppercase;
    font-size: 0.9rem;
}
/*end_banner*/
.public_bottom {
    display: inline-block;
}
.public_bottom a {
    background: url(../img/buttom.png) no-repeat;
    background-size: 100%;
    color: #fff;
    transition: opacity 1.5s;
    float: left;
    transition-delay: 1s;
    position: relative;
    box-sizing: border-box;
    font-weight: bold;
    text-align: center;
    font-size: 0.375rem;
    margin: 0.5rem 0.09973753280839895rem 0 0;
    width: 3.75rem;
    height: 1.05rem;
    line-height: 0.95rem;
    padding-right: 0.25rem;
}
/*footer*/
.f_body {
    background: #f0f0f0;
    padding: 0.75rem 0.5rem;
    box-sizing: border-box;
}
.f_body_hl {
    margin-bottom: 1rem;
}
.f_h_title {
    font-size: 0.55rem;
    color: #141414;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 0.25rem;
    text-transform: uppercase;
}
.f_h_con {
    font-size: 0.475rem;
    line-height: 1.6;
    color: #414141;
}
.f_h_con>p {
    margin-bottom: 1em;
}
.f_h_social>ul {margin-inline-start: -0.25rem;display: inline-block;vertical-align: top;}
.f_h_social>ul>li {    float: left;}
.f_h_social>ul>li>a {    position: relative;    display: inline-block;    vertical-align: top;    padding: 0.25rem 0.3rem;}
.f_h_social>ul>li>a:hover{opacity: .75;}
.f_h_social svg {    width: 0.575rem;    height: 0.575rem;}

.f_body_hc {
    margin-bottom: 1rem;
}
.f_h_menu {
    font-size: 0.475rem;
    line-height: 1.6;
    color: #414141;
}
.f_h_menu>li {
    margin-bottom: 1em;
}
.f_h_contact_form_email {
    border-color: #989898;
    font-size: 0.475rem;
    line-height: 1.3;
    background: #fff;
    color: #434343;
    border: 0.0375rem solid #d0d0d0;
    padding: 0.325rem 0.375rem;
    vertical-align: middle;
    width: 100%;
    border-radius: 0.125rem;
    -webkit-appearance: none;
    box-sizing: border-box;
    margin-bottom: 1em;
}
.f_h_contact_form_button {
    background: #02822d;
    border: 0.0375rem solid #02822d;
    color: #fff;
    font-size: 0.475rem;
    line-height: 1em;
    cursor: pointer;
    padding: 0.325rem 0.775rem;
    text-align: center;
    border-radius: 0.125rem;
    transition: background-color .1s, color .1s, border-color .1s, opacity .1s, transform 50ms;
    display: inline-block;
}
.f_fl_copy {
    font-size: 0.475rem;
    line-height: 1.2em;
    padding: .75em 0;
}
/*end_footer*/
/*marquee(通用滚动板块样式)*/
@keyframes marquee {    0% {        transform: translate(0)    }    to {        transform: translate(-100%)    }}
.marquee-container{overflow: hidden;}
.marquee {    display: flex;    flex-direction: row;    flex-wrap: nowrap;    width: max-content;    white-space: nowrap;    position: relative;    direction: ltr;    margin: 0;    padding: 0.5rem 0;}
.marquee-content {    display: flex;    align-items: center;    padding-right: .2em;    width: max-content;    animation: marquee 28s linear infinite;}
.marquee-text {    padding-right: 0.875rem;    font-size: 0.875rem;    color: #141414;    font-weight: 700;    line-height: 1.05rem;}
.marquee-textfont{    font-weight: 200;    font-style: normal;    font-size: 100%;    line-height: .95;}
.marquee-image {    width: 0.5249343832020997rem;    margin-right: 0.26246719160104987rem;}
/*end_marquee*/
/*marketing*/
.marketing {
    position: fixed;
    right: 0;
    top: 20%;
    transition: all ease .3s;
    z-index: 999;
}
.marketing_li {
    border-radius: 1.25rem 0 0 1.25rem;
    background: #009dbe;
    padding: 0.25rem;
    position: relative;
    margin: 0.1rem 0;
    -webkit-transition: all ease-in-out .3s;
    transition: all ease-in-out .3s;
    width: 1.625rem;
    margin-left: auto;
    right: 0;
}
.marketing_li:hover{width:3.75rem;}
.marketing_tit {
    position: relative;
    display: block;
    padding-left: 1.375rem;
    height:1.125rem;
    line-height: 1.125rem;
    cursor: pointer;
}
.marketing_icon {
    width: 1.125rem;
    height: 1.125rem;
    padding: 0.25rem;
    border-radius: 50%;
    background: #ffffff;
    position: absolute;
    left: 0px;
    top: 0;
}
.marketing_icon img{
    width:100%;height: 100%;object-fit: contain;
}
.marketing_tit span {
    font-size: 0.35rem;
    color: #fff;
}
.marketing_con {
    position: absolute;
    top: -0.25rem;
    right: 1.125rem;
    z-index: 999;
    padding: 0.25rem;
    padding-right: 0.7rem;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    opacity: 0;
    -webkit-transition: all ease-in-out .3s;
    transition: all ease-in-out .3s;
    pointer-events: none;
    max-width: calc(100vw - 3.25rem);
}
.marketing_li:hover .marketing_con{
    right: 3.25rem;
    overflow: visible;
    opacity: 1;
    pointer-events: all;
}
.marketing_con_box {
    float: left;
    padding: 0.25rem 0.5rem;
    border: 0.025rem solid #ccc;
    border-top: 0.05rem solid #009dbe;
    border-bottom-right-radius: 0.1rem;
    border-bottom-left-radius: 0.1rem;
    background-color: #fff;
    width: 100%;
    word-wrap: break-word;
}
.marketing_con_box a {
    position: relative;
    display: block;
    padding: 0.075rem;
    font-size: 0.4rem;
    line-height: 0.6rem;
}
.marketing_con_box p img{
    margin-top: 0.25rem;
    width: 3.5rem;
    height: 3.5rem;
    object-fit: contain;
}
/*end_marketing*/
}