@charset "utf-8";
@import url(iconfont.css);
@import url(fontsize.css);

@keyframes jtmove {
    0% { transform: translate(0, 0); }

    50% { transform: translate(0, -8px); }

    100% { transform: translate(0, 0); }
}

:root { --color-rgba: 35, 122, 228 }


/*网站单位设置*/
html { overflow: hidden; overflow-y: scroll; font-size: 14px; }

@media screen and (max-width:1024px) {
    html { font-size: 14px; }
}

body { font-family: ‘微软雅黑’, Arial, sans-serif; font-weight: normal; text-rendering: optimizeLegibility; color: #333; background-color: #fff; overflow-x: hidden; }

*::-webkit-scrollbar { width: 3px; border-radius: 1.5px; }

*::-webkit-scrollbar-button { display: none; }

*::-webkit-scrollbar-track { background-color: #eee; }

*::-webkit-scrollbar-thumb { background-color: #009a44; }

hr { box-sizing: content-box; height: 0; overflow: visible; }

h1,
h2,
h3,
h4,
h5,
h6 { margin-top: 0; margin-bottom: .25rem; }

p { margin: 0; }

.bg-lightestblue { background-color: #eaf6fe; }

.bg-lightergrey { background-color: #f7f7f7; }

.bg-fontdarkblue { background-color: #ffffff; }


.bg-hover { background: #12498f; color: #fff; }

    .bg-hover:hover { border-color: #12498f; background: none; color: #12498f }

abbr [data-original-title],
abbr[title] { text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; cursor: help; border-bottom: 0; -webkit-text-decoration-skip-ink: none; text-decoration-skip-ink: none }

address { margin-bottom: .5rem; font-style: normal; line-height: inherit; }

dl,
ol,
ul { margin: 0; padding: 0; }

    ol ol,
    ol ul,
    ul ol,
    ul ul { margin: 0; padding: 0; }

dt { font-weight: 700; }

dd { margin-bottom: .5rem; margin-left: 0; }

blockquote { margin: 0 0 .5rem; }

b,
strong { font-weight: bold; }

small { font-size: 80%; }

sub,
sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; }

sub { bottom: -.25em; }

sup { top: -.5em; }

em { font-style: normal; }

.f-no { display: flex; flex-flow: row wrap; }

.f-no-b-center { display: flex; flex-flow: row wrap; justify-content: space-between; align-items: center; }

.f-no-b-start { display: flex; flex-flow: row wrap; justify-content: space-between; align-items: flex-start; }

.f-no-b-stretch { display: flex; flex-flow: row wrap; justify-content: space-between; align-items: stretch; }

.f-no-c-center { display: flex; flex-flow: row wrap; justify-content: center; align-items: center; }

.f-no-c-start { display: flex; flex-flow: row wrap; justify-content: center; align-items: flex-start; }

.f-no-c-stretch { display: flex; flex-flow: row wrap; justify-content: center; align-items: stretch; }

.f-no-s-center { display: flex; flex-flow: row wrap; justify-content: flex-start; align-items: center; }

.f-no-s-end { display: flex; flex-flow: row wrap; justify-content: flex-start; align-items: flex-end; }

.f-no-s-stretch { display: flex; flex-flow: row wrap; justify-content: flex-start; align-items: stretch; }

.f-no-end-start { display: flex; flex-flow: row wrap; justify-content: flex-end; }

.f-no-col { display: flex; flex-flow: column wrap; }

.f-no-col-b-center { display: flex; flex-flow: column wrap; justify-content: space-between; align-items: center; }

.f-no-col-c-center { display: flex; flex-flow: column wrap; justify-content: center; align-items: center; }

.f-no-col-s-center { display: flex; flex-flow: column wrap; justify-content: flex-start; align-items: center; }

.f-no-col-s-end { display: flex; flex-flow: column wrap; justify-content: flex-start; align-items: flex-end; }

.f-no-col-c-start { display: flex; flex-flow: column wrap; justify-content: center; align-items: flex-start; }

.f-no-col-b-start { display: flex; flex-flow: column wrap; justify-content: space-between; align-items: flex-start; }

.f-no-col-end-start { display: flex; flex-flow: column wrap; justify-content: flex-end; align-items: flex-start; }

.pc-block { display: block; }

.pc-block-768 { display: block; }

.pc-block-767 { display: block; }

.m-block { display: none; }

.m-block-767 { display: none; }

.m-block-768 { display: none; }

@media (max-width: 1199px) {
    .pc-block { display: none; }

    .m-block { display: block; }
}

@media (max-width: 768px) {
    .pc-block-768 { display: none; }

    .m-block-768 { display: block; }
}

@media (max-width: 767px) {
    .pc-block-767 { display: none; }

    .m-block-767 { display: block; }
}

.container { width: 96%; max-width: 1230px; margin: 0 auto; padding: 0; }

.w1520 { width: 96%; max-width: 1230px; margin: 0 auto; }

@media (min-width: 1300px) {
    .container { width: 94%; max-width: 1230px; margin: 0 auto; padding: 0; }

    .w1520 { width: 94%; max-width: 1230px; margin: 0 auto; }
}

.container .container { padding: 0; width: 100%; }

.w1800 { width: 94%; max-width: 1800px; margin: 0 auto; }

.ovh { overflow: hidden; }

.clearfix,
ul { zoom: 1; }

    .clearfix:after,
    ul:after { display: block; height: 0; clear: both; visibility: hidden; overflow: hidden; content: "."; }

img { max-width: 100%; }

ul,
li { padding: 0; margin: 0; list-style: none; }

.fl { float: left; }

.fr { float: right; }

a { color: #333; text-decoration: none; }

    a:hover,
    a:active,
    a:focus { text-decoration: none; color: #009a44; }

.db { display: block; }

.i-ell { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; max-width: 100%; }

.i-ell-2 { max-width: 100%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.i-ell-3 { max-width: 100%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }

.i-ell-4 { max-width: 100%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; }


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

    .row { margin-right: -8px; margin-left: -8px }
    .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto { padding-right: 8px; padding-left: 8px }
}








.vertical_img { display: block; width: 100%; position: relative; overflow: hidden; background: #fff; cursor: pointer; }

    .vertical_img img.bgimg { width: 100%; }

    .vertical_img img.up-pic { position: absolute; left: 0; height: 100%; width: 100%; object-fit: cover; object-position: center; z-index: 2; }

.lazyloadimg { position: relative; overflow: hidden; cursor: pointer; margin: 0; padding: 0; }

    .lazyloadimg img.bgimg { width: 100%; }

    .lazyloadimg img.img { position: absolute; left: 0; height: 100%; width: 100%; object-fit: cover; object-position: center; z-index: 2; transition: all .8s; }

    .lazyloadimg.transform { }


@media (min-width: 767px) {
    .vertical_img:hover img.up-pic,
    .lazyloadimg:hover img.img { transform: scale(1.05, 1.05); transition: all .8s; }
}


.swiper-btn { display: flex; height: 40px; align-items: center; }

@media screen and (max-width: 640px) {
    .swiper-btn { height: 32px; }
}

.swiper-btn .swiper-button-next,
.swiper-btn .swiper-button-prev { width: 40px; height: 40px; background-color: #009a44; background-repeat: no-repeat; background-position: center center; background-size: 35%; position: static; transition: all 0.36s; margin-top: 0; margin-left: 18px; outline: none; }

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

    .swiper-btn .swiper-button-next,
    .swiper-btn .swiper-button-prev { width: 32px; height: 32px; }
}

.swiper-btn .swiper-button-next:hover,
.swiper-btn .swiper-button-prev:hover { background-color: #25c1ff; }

.swiper-btn .swiper-button-prev::after { font-family: iconfont; content: "\e671"; color: #fff; font-size: 1rem; }

.swiper-btn .swiper-button-next::after { font-family: iconfont; content: "\e66f"; color: #fff; font-size: 1rem; }






/*.site-header { -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; }
    .site-header * { -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; }*/
.d-tit { font-size: 2rem; }

.i-more { padding: 3.75rem 0 3.75rem; text-align: center; }

    .i-more a { height: 1.2rem; line-height: 1.2rem; padding-left: 1.2rem; padding-right: 1.2rem; display: inline-block; border-radius: 0.15rem; text-transform: uppercase; color: #fff; background: #009a44; text-align: center; color: #FFFFFF; transition: all .36s ease; border: 1px solid #009a44; }

        .i-more a:hover { border: 1px solid #666; background: none; background-color: #222; color: #fff; }

.i-more2 { text-align: center; margin-bottom: 3.75rem; }

    .i-more2 a { line-height: 1.1rem; height: 1.1rem; padding-left: 1.25rem; padding-right: 1.6rem; position: relative; border-radius: 0.675rem; background: #009a44; color: white; text-transform: capitalize; display: inline-block; text-align: center; font-size: 1.25rem; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; transition: .5s; }

        .i-more2 a i { width: 2rem; height: 2rem; line-height: 2rem; border-radius: 100%; color: #009a44; font-size: 1rem; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); right: 10px; background: white; text-align: center; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; transition: .5s; }

        .i-more2 a:hover i { -webkit-animation: td .5s linear; -o-animation: td .5s linear; -ms-animation: td .5s linear; -moz-animation: td .5s linear; animation: td .5s linear; }

        .i-more2 a.dataText { overflow: hidden; }


.home-more { background: #009a44; color: #fff; border: 1px solid #009a44; }

    .home-more:hover { background: #fff; color: #009a44 !important; }








@-webkit-keyframes td {
    from { -webkit-transform: translateY(-50%) rotate(0); -moz-transform: translateY(-50%) rotate(0); -ms-transform: translateY(-50%) rotate(0); -o-transform: translateY(-50%) rotate(0); transform: translateY(-50%) rotate(0); right: 10px; }

    50% { -webkit-transform: translateY(-50%) rotate(-40deg); -moz-transform: translateY(-50%) rotate(-40deg); -ms-transform: translateY(-50%) rotate(-40deg); -o-transform: translateY(-50%) rotate(-40deg); transform: translateY(-50%) rotate(-40deg); right: 30px; }

    to { -webkit-transform: translateY(-50%) rotate(0); -moz-transform: translateY(-50%) rotate(0); -ms-transform: translateY(-50%) rotate(0); -o-transform: translateY(-50%) rotate(0); transform: translateY(-50%) rotate(0); right: 10px; }
}

@-o-keyframes td {
    from { -webkit-transform: translateY(-50%) rotate(0); -moz-transform: translateY(-50%) rotate(0); -ms-transform: translateY(-50%) rotate(0); -o-transform: translateY(-50%) rotate(0); transform: translateY(-50%) rotate(0); right: 10px; }

    50% { -webkit-transform: translateY(-50%) rotate(-40deg); -moz-transform: translateY(-50%) rotate(-40deg); -ms-transform: translateY(-50%) rotate(-40deg); -o-transform: translateY(-50%) rotate(-40deg); transform: translateY(-50%) rotate(-40deg); right: 30px; }

    to { -webkit-transform: translateY(-50%) rotate(0); -moz-transform: translateY(-50%) rotate(0); -ms-transform: translateY(-50%) rotate(0); -o-transform: translateY(-50%) rotate(0); transform: translateY(-50%) rotate(0); right: 10px; }
}

@-moz-keyframes td {
    from { -webkit-transform: translateY(-50%) rotate(0); -moz-transform: translateY(-50%) rotate(0); -ms-transform: translateY(-50%) rotate(0); -o-transform: translateY(-50%) rotate(0); transform: translateY(-50%) rotate(0); right: 10px; }

    50% { -webkit-transform: translateY(-50%) rotate(-40deg); -moz-transform: translateY(-50%) rotate(-40deg); -ms-transform: translateY(-50%) rotate(-40deg); -o-transform: translateY(-50%) rotate(-40deg); transform: translateY(-50%) rotate(-40deg); right: 30px; }

    to { -webkit-transform: translateY(-50%) rotate(0); -moz-transform: translateY(-50%) rotate(0); -ms-transform: translateY(-50%) rotate(0); -o-transform: translateY(-50%) rotate(0); transform: translateY(-50%) rotate(0); right: 10px; }
}

@keyframes td {
    from { -webkit-transform: translateY(-50%) rotate(0); -moz-transform: translateY(-50%) rotate(0); -ms-transform: translateY(-50%) rotate(0); -o-transform: translateY(-50%) rotate(0); transform: translateY(-50%) rotate(0); right: 10px; }

    50% { -webkit-transform: translateY(-50%) rotate(-40deg); -moz-transform: translateY(-50%) rotate(-40deg); -ms-transform: translateY(-50%) rotate(-40deg); -o-transform: translateY(-50%) rotate(-40deg); transform: translateY(-50%) rotate(-40deg); right: 30px; }

    to { -webkit-transform: translateY(-50%) rotate(0); -moz-transform: translateY(-50%) rotate(0); -ms-transform: translateY(-50%) rotate(0); -o-transform: translateY(-50%) rotate(0); transform: translateY(-50%) rotate(0); right: 10px; }
}



.i-pagination { bottom: 0px; z-index: 1; text-align: center; margin: 5px 0; }

    .i-pagination .swiper-pagination-bullet { width: 10px; height: 10px; margin: 0 5px !important; background-color: #3b373a; opacity: 1; position: relative; }

    .i-pagination .swiper-pagination-bullet-active { background-color: #009a44; width: 30px; border-radius: 12px; }

/*h2.i-title { font-size: 0.9rem; line-height: 1.1rem; font-weight: 600; text-align: center; padding-bottom: 1.25rem; padding-top: 1rem; position: relative; }
    h2.i-title::after { content: ""; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); height: 5px; width: 1rem; background: #009a44; border-radius: 4px; }*/
.i-title { width: 100%; padding-bottom: 0.75rem; background: url(../img/line.png) no-repeat bottom; margin: 1.25rem 0; }

    .i-title h2 { font-size: 0.9rem; line-height: 0.9rem; text-align: center; font-weight: bold; }

    .i-title p { font-size: 1.25rem; line-height: 1.5rem; text-align: center; margin-top: 10px; }

.tit01 { text-align: center; color: #333333; font-weight: bold; margin: 0 0 3.125rem 0; }

    .tit01 a { color: #333333; }

    .tit01 p { font-weight: normal; display: block; color: #333333; }


header.header { position: fixed; left: 0; top: 0; right: 0; transition: all .3s ease-in-out; z-index: 99; background: #fff; }

/*header.header  { height: 120px; display: flex; align-items: center; flex-grow: 1; }*/
/*header.header.on { background: #fff; box-shadow: 0px 2px 10px 2px rgba(0,0,0,0.2); }*/
.header-top { color: #fff; background: linear-gradient(to right, rgba(0, 91, 172, 0.8) 50%, rgba(58, 169, 224, 0.8)); font-size: 1rem; line-height: 40px; }

    .header-top .text-right { display: flex; align-items: center; height: 40px; justify-content: right; }

.header-top-right { }

    .header-top-right a { color: #fff; line-height: 40px; display: flex; align-items: center; }

    .header-top-right i { margin: 0 5px; font-size: 20px; color: #fff; border-radius: 50%; width: 30px; text-align: center; }




@media screen and (max-width: 1199px) {
    /*header.header { height: 100px; }*/
    /*header.header .container { height: 100px; }*/
}

header.header .navbar-header { height: 100px; }

    header.header .navbar-header .logo { font-size: 36px; font-weight: bold; display: flex; align-items: center; }

        header.header .navbar-header .logo a { position: relative; }

        header.header .navbar-header .logo img { max-height: 80px; }

    /*        header.header .navbar-header .logo .op1 { position: absolute; left: 0; top: 0; bottom: 0; margin: auto; opacity: 0; }
header.header.on .navbar-header .logo .op0 { opacity: 0; }
header.header.on .navbar-header .logo .op1 { opacity: 1; }*/


    header.header .navbar-header .logo_txt { display: flex; flex-direction: column; justify-items: center; }

header.header .sc { padding-left: 58px; float: right; width: 245px; box-sizing: border-box; font-size: 14px; color: #333333; position: relative; }

    header.header .sc:before { position: absolute; width: 50px; height: 50px; background: #009a44; content: "\e64f"; left: 0; top: 3px; font-family: "iconfont" !important; font-size: 28px; text-align: center; line-height: 50px; border-radius: 50%; }

    header.header .sc p { overflow: hidden; color: #333333; font: 24px "Arial"; font-weight: bold; float: left; line-height: 30px; }

header.header .menu { background: #29322d; }

@media (max-width: 1199px) {
    header .header .menu { flex-basis: 1px; flex-shrink: 1; }

    header.header .navbar-header { width: 100%; flex-shrink: 0; }
}


.header-right { flex: 1; }



.header-search { }

    .header-search a { display: block; }

.header-search-open .iconfont { font-size: 20px; color: #009a44; font-weight: bold; }

.header-contact { margin-right: 15px; }

    .header-contact a { display: flex; align-items: center; }

        .header-contact a i { margin: 0 10px; font-size: 24px; color: #009a44; border-radius: 50%; width: 42px; height: 42px; line-height: 42px; border: 1px solid #009a44; display: inline-block; text-align: center; }

        .header-contact a div { }

.header-contact-mobile { margin-right: 5px }
    .header-contact-mobile a i { margin: 0; font-size: 20px; border-radius: 50%; width: 42px; height: 42px; line-height: 42px; display: inline-block; text-align: center; }






@media screen and (min-width: 1199px) {

    /*.header-search:hover { background: #fff; }*/
    .header-search:hover .iconfont { color: #009a44; }
}


.searchbar div.kesearchbox .ke_searchbox { top: 0; width: 250px; width: 15.625rem; border-radius: 7px 0 0 7px; border-radius: 0.4375rem 0 0 0.4375rem; background-color: #eff5f7; border: none; position: relative; padding-left: 15px; padding-left: 0.9375rem; height: 40px; height: 2.5rem; font-size: 15px; font-size: .9375rem; }

.searchbar div.kesearchbox .btn-link { border-radius: 0 7px 7px 0; border-radius: 0 0.4375rem 0.4375rem 0; background-color: #eff5f7; position: relative; border: none; padding: 0; margin: 0; }

    .searchbar div.kesearchbox .btn-link:before { position: relative; bottom: 0; z-index: 999; content: ""; display: block; height: 17px; height: 1.0625rem; margin: auto 15px auto 0; width: 1px; width: 0.0625rem; background-color: #ccd4d7; }

    .searchbar div.kesearchbox .btn-link i { font-size: 18px; }

.header-search-form { display: none; position: absolute; top: 40px; right: 0px; z-index: 99; }

.nav__dropdown-overlay { background: rgba(0, 0, 0, 0.6); height: 100vh; left: 0; max-width: 100vw; position: fixed; top: 0; width: 100%; z-index: 1; overflow: hidden; width: 0; height: 0; opacity: 0; }

.overlay--open { animation: overlayOpen .4s ease-out forwards; }

@keyframes overlayOpen {
    0% { width: 0; height: 0; opacity: 0; z-index: -1; }

    1% { width: 100%; height: 100vh; z-index: 98; }

    100% { opacity: 1; width: 100%; height: 100vh; z-index: 98; }
}







.header-dropdown { flex-shrink: 0; margin-left: 1.4rem; }

.m-block.header-dropdown { margin-left: 0rem; margin-right: 0.8rem; }

.header-dropdown-h { text-align: left; margin: 0 -1em; position: relative }

.header-dropdown.hover .header-dropdown-h { z-index: 2 }

.header-dropdown-item { display: flex; align-items: center; white-space: nowrap; padding: 0 1.5em 0 0 }

    .header-dropdown-item img,
    .header-dropdown-item-title { display: inline-block; cursor: pointer; }

    .header-dropdown-item img { margin-right: .5em }

    .header-dropdown-item i { vertical-align: top; text-align: center; line-height: inherit; width: 30px; margin-right: 5px }

.header-dropdown-current { position: relative; z-index: 1 }

/*.header-dropdown-current .header-dropdown-item:after { display: block; position: absolute; top: 50%; right: .8em; content: '\e689'; font-size: 0.8em; margin-top: -1.3em; font-family: iconfont; font-weight: 400; cursor: pointer }*/

.header-dropdown-list { position: absolute; top: -.4em; left: 0; padding-top: 2.4em; padding-bottom: .4em; min-width: 100%; background: #fff; box-shadow: 0 5px 15px rgba(0, 0, 0, .15); transform-origin: 50% 0; transform: scaleY(0) translateZ(0); opacity: 0; transition: transform 0.3s, opacity 0.3s; }

.header-dropdown.hover .header-dropdown-list { transform: scaleY(1) translateZ(0); opacity: 1; }

.header-dropdown-list-h { max-height: calc(90vh - 3em); overflow-y: auto; -webkit-overflow-scrolling: touch }








@media screen and (max-width: 1199px) {
    header .header .navbar-toggler { padding-right: 0; padding-right: 0; box-shadow: none; outline: 0; display: flex; flex-direction: column; align-items: end; }
}



header.header .topNavigation .languagemenu .dropdown-menu { box-shadow: 0 3px 6px 2px rgba(0, 0, 0, .1); border: none; border-radius: 7px; border-radius: .4375rem }

@media screen and (max-width: 1199px) {
    header.header { height: 100px; position: fixed; top: 0; left: 0; right: 0; background: #fff; }

        header.header #mainNavigation { z-index: 300; }

            header.header #mainNavigation .navbar-collapse { width: 100%; position: fixed; bottom: 0; left: 0; overflow-y: auto; top: 100px }
}

header.header #mainNavigation .navbar-nav { border-bottom: none }

@media screen and (max-width: 1199px) {
    header.header #mainNavigation .navbar-nav { background-color: #fff; color: #ccd4d7; padding-bottom: 10px; padding-bottom: .625rem }
}

header.header #mainNavigation .navbar-nav .nav-link { text-transform: uppercase; line-height: 50px; position: relative; color: #fff; width: 150px; text-align: center; }

/*header.header.on #mainNavigation .navbar-nav .nav-link { color: #333; }*/
/*header.header #mainNavigation .navbar-nav .nav-link:before { content: ""; width: 0px; height: 5px; background: #009a44; position: absolute; bottom: 0; }*/

/* header.header #mainNavigation .navbar-nav .nav-link:before { content: ''; opacity: 0; position: absolute; left: 50%; margin-left: -10px; bottom: 0px; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid rgba(40,39,39,0.8); }*/




@media screen and (max-width: 1199px) {
    header.header #mainNavigation .navbar-nav .nav-link { width: auto; box-sizing: border-box; text-align: left; color: #333; border-radius: 7px; border-radius: .4375rem; background-color: #e5e9ea; margin: 2px 15px; margin: .125rem .9375rem; padding: 13px 15px; padding: .8125rem .9375rem; line-height: 1rem; }

        header.header #mainNavigation .navbar-nav .nav-link.dropdown-toggle:after { font-family: "iconfont"; font-size: 16px; font-size: 1rem; line-height: 16px; font-weight: bold; display: inline-block; position: relative; margin-left: 2px; margin-left: .125rem; vertical-align: 0; transition: all ease-in .3s; border-top: 0; border-top: 0; transform: rotate(0); transform-origin: 35% center; border-left: 0 }

        header.header #mainNavigation .navbar-nav .nav-link.dropdown-toggle:after { content: '\e689'; position: absolute; right: 28px; right: 1.75rem; top: unset; }

        header.header #mainNavigation .navbar-nav .nav-link[aria-expanded=true]:after { content: '\e687'; color: #009a44; transition: all ease-in .3s; }

        header.header #mainNavigation .navbar-nav .nav-link[aria-expanded=true]:after { right: 26px; right: 1.625rem }
}


@media screen and (min-width: 1199px) {

    header.header #mainNavigation .navbar-nav .nav-link:after { content: ""; display: inline-block; width: 1px; height: 12px; background: rgba(255, 255, 255, 0.5); position: absolute; right: 0px; top: 19px; }

    header.header #mainNavigation .navbar-nav li.cur .nav-link,
    header.header #mainNavigation .navbar-nav li:hover .nav-link { background: #009a44; }
}



/*@media screen and (min-width: 1199px) {
    header.header #mainNavigation .navbar-nav .nav-item.hover .nav-link.dropdown-toggle:after { content: '\e687'; transition: all ease-in .3s; }
    header.header #mainNavigation .navbar-nav .nav-item.hover .nav-link.dropdown-toggle:before { opacity: 1; transition: all 0.3s; }
    header.header #mainNavigation .navbar-nav .nav-item.cur .nav-link.dropdown-toggle:before, header.header #mainNavigation .navbar-nav .nav-item.hover .nav-link.dropdown-toggle:before { margin-left: -20px; }
}*/




header.header #mainNavigation .navbar-nav .dropdown-menu { border: none; border-radius: 0 0 7px 7px; border-radius: 0 0 .4375rem .4375rem; background-color: #eff5f7; -webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, .1); -moz-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, .1); box-shadow: 0 3px 3px 0 rgba(0, 0, 0, .1); margin: 24px 0 0 0px; margin: -1px 0 0 0; padding: 15px; padding: .9375rem; min-width: 100%; }

    header.header #mainNavigation .navbar-nav .dropdown-menu dl { width: 720px; margin-left: 60px; display: flex; flex-wrap: wrap; justify-content: flex-start; }

        header.header #mainNavigation .navbar-nav .dropdown-menu dl dt { flex: 1 1 100%; color: #fff; padding-bottom: 15px; line-height: 20px; margin-top: 18px; font-size: 20px; }

        header.header #mainNavigation .navbar-nav .dropdown-menu dl dd { flex: 0 1 48%; overflow: hidden; margin: -1px 0 0 0; border-bottom: 1px solid rgba(255, 255, 255, .16); border-top: 1px solid rgba(255, 255, 255, .16); }

            header.header #mainNavigation .navbar-nav .dropdown-menu dl dd a { display: flex; justify-content: space-between; padding: 0; line-height: 35px; color: #fff }

                header.header #mainNavigation .navbar-nav .dropdown-menu dl dd a::before { content: "●"; display: inline-block; margin-right: 10px; border-width: 1px; border-style: solid; border-color: transparent; border-image: initial; border-radius: 50%; padding: 0px 6px; }

                header.header #mainNavigation .navbar-nav .dropdown-menu dl dd a span { flex: 1; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

                header.header #mainNavigation .navbar-nav .dropdown-menu dl dd a:hover { background: none; color: #fff; }

                header.header #mainNavigation .navbar-nav .dropdown-menu dl dd a::after { font-family: iconfont; content: "\e667"; font-size: 14px; }

    header.header #mainNavigation .navbar-nav .dropdown-menu.pro-menu dl { width: 100%; }

        header.header #mainNavigation .navbar-nav .dropdown-menu.pro-menu dl dd { flex: 0 1 24%; margin-right: 1%; }




@media screen and (min-width: 1199px) {
    header.header #mainNavigation .navbar-nav .nav-item.hover .dropdown-menu { display: block; padding: 0; background: #29322d; }
}

@media screen and (max-width: 1199px) {
    header.header #mainNavigation .navbar-nav .dropdown-menu { padding: 0 15px; padding: 0 .9375rem; background-color: #fff; margin: 0; color: #ccd4d7; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none }
}










/*header.header #mainNavigation .navbar-nav .nav-link span:after { content: ""; height: 17px; height: 1.0625rem; margin: auto 0 auto 1rem; width: 1px; width: .0625rem; position: relative; display: inline-block; vertical-align: middle; background-color: #ccd4d7 }

@media screen and (max-width: 1199px) {
    header.header #mainNavigation .navbar-nav .nav-link span:after { position: absolute; right: 60px; right: 3.75rem; top: 18px; top: 1.125rem }
}*/

@media screen and (min-width: 1199px) {
    header.header #mainNavigation .navbar-nav .dropdown.hover .nav-link.dropdown-toggle:after { content: '\e687'; transition: all ease-in .3s; }
}

header.header #mainNavigation .navbar-nav .nav-link[aria-expanded=true]:after { content: '\e687'; transition: all ease-in .3s; }

@media screen and (max-width: 1199px) {
    header.header #mainNavigation .navbar-nav .nav-link[aria-expanded=true]:after { right: 26px; right: 1.625rem }
}

header.header #mainNavigation .navbar-nav .dropdown-menu { border: none; border-radius: 0 0 7px 7px; border-radius: 0 0 .4375rem .4375rem; background-color: #f3f3f3; -webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, .1); -moz-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, .1); box-shadow: 0 3px 3px 0 rgba(0, 0, 0, .1); margin: 24px 0 0 0px; margin: -1px 0 0 0; padding: 15px; padding: .9375rem; min-width: 100%; }

@media screen and (min-width: 1199px) {
    header.header #mainNavigation .navbar-nav .dropdown.hover .dropdown-menu { display: block; }
}

@media screen and (max-width: 1199px) {
    header.header #mainNavigation .navbar-nav .dropdown-menu { padding: 0 15px; padding: 0 .9375rem; background-color: #fff; margin: 0; color: #ccd4d7; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none }
}

/*header.header #mainNavigation .navbar-nav .dropdown-menu li:first-child a.dropdown-item:after { position: relative; bottom: 0; z-index: 999; content: ""; display: block; width: 99%; margin: 15px auto 0 auto; height: 1px; height: .0625rem; background-color: #ccd4d7 }

@media screen and (max-width: 1199px) {
    header.header #mainNavigation .navbar-nav .dropdown-menu li:first-child a.dropdown-item:after { display: none }
}*/

header.header #mainNavigation .navbar-nav .dropdown-menu a.dropdown-item { position: relative; padding: 10px; padding: .625rem }

    header.header #mainNavigation .navbar-nav .dropdown-menu a.dropdown-item:active,
    header.header #mainNavigation .navbar-nav .dropdown-menu a.dropdown-item:focus,
    header.header #mainNavigation .navbar-nav .dropdown-menu a.dropdown-item:hover { background-color: #fff; color: #009a44 }

@media screen and (max-width: 1199px) {
    header.header #mainNavigation .navbar-nav .dropdown-menu a.dropdown-item { padding: 13px 15px; font-size: 14px; padding: .8125rem .9375rem; margin: 3px 0; margin: .1875rem 0; border-radius: 7px; border-radius: .4375rem; background-color: #eff5f7 }
}

@media screen and (min-width: 1199px) {
    header.header #mainNavigation .navbar-nav .dropdown-menu a.dropdown-item { color: #fff; text-align: center; border-bottom: solid 1px #999; }

    header.header #mainNavigation .navbar-nav .dropdown-menu li:last-child a.dropdown-item { border-bottom: 0; }
}












header.header .icon-bar { width: 26px; width: 1.625rem; height: 1.5px; height: .09375rem; margin-bottom: 8px; margin-bottom: .5rem; display: block; transition: all ease-in 150ms; background-color: #666 }

    header.header .icon-bar.middle { width: 30px; width: 1.875rem; background-color: #009a44 }

    header.header .icon-bar.bottom { margin-bottom: 0 }

@media screen and (max-width: 1199px) {
    header .header .navbar-toggler { padding-right: 0; padding-right: 0; box-shadow: none; outline: 0; display: flex; flex-direction: column; align-items: end }
}

header.header .navbar-toggler[aria-expanded=true] .top { transform: rotate(45deg); margin-bottom: 0; margin-bottom: 0; transform-origin: 15% 10% }

header.header .navbar-toggler[aria-expanded=true] .middle { transform: rotate(45deg); transform-origin: 25% 10%; opacity: 0 }

header.header .navbar-toggler[aria-expanded=true] .bottom { transform: rotate(-45deg); margin-bottom: 0; margin-bottom: 0; transform-origin: 25% 90% }

.sub-body { width: 100%; margin-top: 150px; }

@media screen and (max-width: 1199px) {
    .sub-body { margin-top: 100px; }
}

.top-inner { position: relative; z-index: 0; width: 100%; overflow: hidden; background-position: center top; background-repeat: no-repeat; }

.slide-home { z-index: 0; }

    .slide-home .swiper-slide { position: relative; height: 100vh; }

        .slide-home .swiper-slide .imgs { height: 100%; position: relative; display: block; }

            .slide-home .swiper-slide .imgs .bgimg { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; }

/*.slide-home .swiper-slide .imgs img { height:10vh; object-fit: cover; object-position: center; }*/
.slide-container { position: absolute; top: 45%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); left: 0; right: 0; z-index: 3; margin: 0 auto; }

    .slide-container .slide-txt { width: 55%; text-shadow: 0 1px 3px rgb(0 0 0 / 30%); line-height: 1.1; }

    .slide-container h1 { line-height: 1.125; }

    .slide-container p,
    .slide-container h1,
    .slide-container .btn { transition: opacity 1s, -webkit-transform 2s cubic-bezier(0.19, 1, 0.22, 1); transition: transform 2s cubic-bezier(0.19, 1, 0.22, 1), opacity 1s; transition: transform 2s cubic-bezier(0.19, 1, 0.22, 1), opacity 1s, -webkit-transform 2s cubic-bezier(0.19, 1, 0.22, 1); transition-delay: 0.5s; -webkit-transform: translate(-20px, 0); transform: translate(-20px, 0); opacity: 0; transform: translate(-20px, 0); }

    .slide-container p { transition-delay: 0.7s; }

    .slide-container .btn { transition-delay: 0.9s; }

/*.slide-container .slide-txt { width: 52.5%; position: relative; padding-top: 65px; padding-bottom: 65px; background: rgba(196, 47, 43,.5); transform: translateY(15px); filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -webkit-transition: all 1.5s ease 0s; -moz-transition: all 1.5s ease 0s; -o-transition: all 1.5s ease 0s; transition: all 1.5s ease 0s; }
        .slide-container .slide-txt:before { width: 4px; height: calc(100% - 130px); background: #12498f; position: absolute; top: 65px; left: 11.9%; content: ""; }
    .slide-container h1 { margin: 0 11.9%; padding-left: 34px; color: #fff; padding-bottom: 0; padding-top: 0; line-height: 1.25; }
    .slide-container p { margin: 0 11.9%; padding-left: 34px; margin-top: 16px; }*/

.swiper-slide-active .slide-container .slide-btn { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); }

.swiper-slide-active .slide-container .slide-txt p,
.swiper-slide-active .slide-container .slide-txt h1,
.swiper-slide-active .slide-container .slide-txt .btn { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); }

.swiper-slide .slide-bg { display: none; width: 100%; height: 100%; /*background: rgba(0,0,0,0.4);*/ position: absolute; z-index: 2; background: linear-gradient(180deg, rgba(0, 0, 0, 0.8) 5%, transparent 50%); }


.mobilebanner .swiper-slide .imgs { position: relative; display: block; }

/* .mobilebanner .swiper-slide .imgs img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; }*/


#site-navigation-bg { position: absolute; background: rgba(255, 255, 255, 0.18); z-index: 1; top: 100%; left: 0; width: 100%; height: 0; opacity: 0; }

    #site-navigation-bg.stay { height: 265px; opacity: 1; }


@media (max-width: 992px) {
    .slide-container .slide-txt { width: 100%; padding-top: 10px; padding-bottom: 10px }

        .slide-container .slide-txt:before { height: calc(100% - 20px); top: 10px; }
}



@media (max-width: 992px) {
    .mobilebanner { margin-top: 100px; }
}

.i-tit { text-align: center; }

    .i-tit h2 { color: #333; font-weight: bold; display: flex; align-items: center; justify-content: center; }

        .i-tit h2:before { background: url(../img/tit-left.png) no-repeat right; display: inline-block; width: 164px; height: 7px; content: ""; vertical-align: middle; margin-right: 15px; flex: 1; }

        .i-tit h2:after { background: url(../img/tit-right.png) no-repeat; display: inline-block; width: 164px; height: 7px; content: ""; vertical-align: middle; margin-left: 15px; flex: 1 }

    .i-tit p { color: #666; }









.i-search { height: 80px; background: #009a44; border-radius: 8px; margin-top: -40px; position: relative; z-index: 10; }

.search-keyword { color: #fff; }

    .search-keyword a { color: #fff; margin-left: 5px; }

.search-box .s-input { display: flex; align-items: center; }

    .search-box .s-input input[type="text"] { width: 200px; height: 38px; border: 1px solid #6ac492; padding: 10px 70px 10px 15px; outline: none; background: none; color: #fff; }

    .search-box .s-input input::-webkit-input-placeholder { color: #fff; }

    .search-box .s-input button[type="submit"] { display: flex; align-items: center; justify-content: center; border-radius: 0; border: none; width: 46px; height: 40px; color: #fff; line-height: 40px; background: #6ac491; font-size: 40px; color: #fff; text-decoration: none; }

        .search-box .s-input button[type="submit"] i { font-size: 25px; }

@media (max-width: 767px) {
    .search-box { width: 100%; }

        .search-box .s-input { width: 100%; }

            .search-box .s-input input[type="text"] { width: inherit; }
}

.i-service .container { position: relative; }

    .i-service .container:before { content: ""; display: block; z-index: 0; width: 151px; height: 84px; background: url(../img/service-bg.png) no-repeat left 0; position: absolute; left: 0; top: -3.2rem; }


.i-service-text b { font-weight: normal; display: block; background: url(../img/service-line.png) no-repeat left bottom; padding-bottom: 15px; line-height: 110%; }

    .i-service-text b span { font-weight: bold; }

    .i-service-text b em { display: block; color: #666; font-weight: bold; margin-top: 6px; }

.i-service-list { display: flex; }

    .i-service-list li { border-left: 1px solid #E8E8E8; width: 20%; text-align: center; display: flex; flex-direction: column; align-items: center; justify-content: center; }

        .i-service-list li span { line-height: 1.4 !important; }




.i-business { background: #f9f9f9; }


.business-grid { display: grid; grid-gap: 15px; grid-template-columns: repeat(4,1fr); grid-template-rows: 1fr 1fr }
    .business-grid .col-item { position: relative; overflow: hidden; }
        .business-grid .col-item a { display: block; height: 100%; }
        .business-grid .col-item .lazyloadimg { height: 100%; }
        .business-grid .col-item:first-child { grid-column: 1/3; grid-row: 1/3; }
        .business-grid .col-item:nth-child(8) { grid-column: 3/5; grid-row: 3/5; }
        .business-grid .col-item:first-child .lazyloadimg img.bgimg { height: 100%; }
        .business-grid .col-item p { font-weight: bold; position: absolute; bottom: 0; -webkit-transform: translateY(101%); transform: translateY(101%); width: 100%; z-index: 0; background: #009a44; z-index: 10; }
            .business-grid .col-item p a { color: #fff; }

        .business-grid .col-item:hover p { bottom: 0; transition: all 0.5s; -webkit-transform: translateY(0%); transform: translateY(0%); }


@media (max-width: 768px) {
    .business-grid .col-item:first-child { grid-column: 1/3; grid-row: 1/3; }
    .business-grid .col-item:nth-child(8) { grid-column: 2/3; grid-row: 4/5; }
    .business-grid .col-item:nth-child(10) { grid-column: 1/3; grid-row: 7/9; }
    .business-grid { grid-gap: 10px; grid-template-columns: repeat(2,1fr); grid-template-rows: repeat(8,1fr) }
}




.i-advantage .row { }
.i-advantage .col-item { border-bottom: 1px solid #ccc; }
    .i-advantage .col-item:last-child { border-bottom: 0; }
    .i-advantage .col-item .text { text-align: center; position: relative; z-index: 3; display: flex; align-items: center; }
        .i-advantage .col-item .text img { height: 60px; margin-right: 20px; }
    .i-advantage .col-item:hover .text img { transform: rotate(360deg); transition: all 1s; }
    .i-advantage .col-item h3 { color: #333; font-weight: bold; margin: 0; }

.advantage-img { display: flex; align-items: center; height: 100%; }
    .advantage-img .img { border: 5px solid #fff; flex-grow: 1; overflow: hidden; }
        .advantage-img .img:hover img { transform: scale(1.05, 1.05); transition: all .8s; }

.i-yewu { background-image: url(../img/yewu-bg.jpg); background-size: cover; }
    .i-yewu .col-item { text-align: center; border-right: 1px solid rgba(255, 255, 255, 0.1); box-sizing: border-box; min-height: 144px; }
        .i-yewu .col-item em { display: block; }
            .i-yewu .col-item em i { display: inline-block; }
            .i-yewu .col-item em b { display: block; color: #fff; }
            .i-yewu .col-item em span { display: block; color: #666; text-transform: uppercase; }
        .i-yewu .col-item p { display: none; }

            .i-yewu .col-item p b { display: block; color: #fff; position: relative; padding-bottom: 20px; }

                .i-yewu .col-item p b:after { position: absolute; content: ""; width: 25px; height: 4px; background: #fff; display: block; margin: 0 auto; left: 50%; margin-left: -12.5px; bottom: 5px; }

            .i-yewu .col-item p span { display: block; color: #fff; padding: 0 35px; }

        .i-yewu .col-item:hover { background: #009A44; }

            .i-yewu .col-item:hover em { display: none; }

            .i-yewu .col-item:hover p { display: block; }

.yewu-con .col-item { display: none; position: relative; }

    .yewu-con .col-item.show { display: block; transition: all 0.5s; }

    .yewu-con .col-item p { position: absolute; bottom: 0; background: rgba(0, 0, 0, 0.54); z-index: 3; color: #fff; }



.yewu-list { }

    .yewu-list .row { height: 100%; }

    .yewu-list .col-item { display: flex; align-items: center; padding-left: 15px; background: #f7f7f7; }
        .yewu-list .col-item:before { content: ''; width: 40px; height: 1px; background: #009a44; margin-right: 10px; transition: all .3s; -webkit-transition: all .3s; }

        .yewu-list .col-item.hover:before { background: #fff; }
        .yewu-list .col-item:hover,
        .yewu-list .col-item.hover { background-color: #009A44; color: #fff; }

        .yewu-list .col-item em { width: 40px; height: 40px; display: block; }

            .yewu-list .col-item em img { object-fit: cover; object-position: center; height: 100%; }


        .yewu-list .col-item .text { display: flex; flex-direction: column; justify-content: center; margin-left: 15px; }

@media (max-width: 768px) {

    .yewu-list .col-item:before { display: none; }
}











.i-biaozhun { background: url(../img/biaozhun-bg.jpg); background-size: cover; }

.biaozhun-con { border-right: 1px solid rgba(255, 255, 255, 0.21); }

    .biaozhun-con .col-item { display: none; }

        .biaozhun-con .col-item.show { display: block; }

    .biaozhun-con h3 { color: #fff; }

        .biaozhun-con h3 span { color: #fff; font-family: NewsGothicBT-Roman, arial; font-weight: normal; line-height: 110%; display: block; margin-bottom: 5px; text-transform: capitalize; }

    .biaozhun-con p { color: #fff; }

        .biaozhun-con p span { color: #fff; opacity: 0.51; text-transform: capitalize; display: block; }


.biaozhun-list { border-right: 1px solid rgba(255, 255, 255, 0.21); }

    .biaozhun-list .button { height: 70px; color: #fff; cursor: pointer; position: relative; }

        .biaozhun-list .button:after { content: ""; width: 1px; height: 25px; background: #E4E4E4; display: block; position: absolute; left: 20px; bottom: 0; }

        .biaozhun-list .button:last-child:after { display: none; }

        .biaozhun-list .button span { font-size: 19px; margin-right: 50px; width: 40px; height: 40px; display: inline-block; background: none; border-radius: 50%; overflow: hidden; text-align: center; line-height: 40px; vertical-align: top; font-weight: bold; }

        .biaozhun-list .button b { font-weight: normal; display: inline-block; vertical-align: top; }

        .biaozhun-list .button.hover span,
        .biaozhun-list .button:hover span { background: #009A44; position: relative; z-index: 1; }

        .biaozhun-list .button.hover b,
        .biaozhun-list .button:hover b { font-weight: bold; }


.biaozhun-pic { display: flex; justify-content: center; }

    .biaozhun-pic img { border: 3px solid #fff; }

        .biaozhun-pic img:hover { border: 3px solid #009A44; }




.i-area { height: 84px; background: #009A44; clear: both; margin-top: -42px; transition: background 0.75s linear; cursor: pointer; display: flex; align-items: center; }

    .i-area:hover { background: #333; }

    .i-area span { color: #fff; font-weight: bold; }

    .i-area i { color: #fff; vertical-align: middle; }

    .i-area strong { color: #fff; opacity: 0.78; }

    .i-area em { color: #fff; margin-left: auto; line-height: 1; }

        .i-area em b { font-size: 14px; color: #E8E8E8; background: url(../img/ys-tel.png) left center; background-repeat: no-repeat; padding-left: 21px; font-weight: normal; margin-bottom: 7px; line-height: 16px; }

.i-process .col-item { text-align: center; }

    .i-process .col-item em { width: 51px; height: 51px; display: inline-block; border: 1px solid #009A44; box-sizing: border-box; border-radius: 50%; overflow: hidden; }

    .i-process .col-item img { width: 24px; height: 24px; margin-top: 12px; }

    .i-process .col-item span { color: #333; display: block; }

    .i-process .col-item:hover em { background: #009A44; }

        .i-process .col-item:hover em img { position: relative; left: -24px; -webkit-filter: drop-shadow(24px 0 #fff); filter: drop-shadow(24px 0 #fff); z-index: 333; }

    .i-process .col-item:hover span { color: #019b4e; }


.i-customer .news-item a { display: block; }

    .i-customer .news-item a:hover { cursor: pointer; box-shadow: 0 5px 25px rgba(0, 0, 0, 0.1); overflow: visible; }

.i-customer .news-item .news-con { background: #fff; }

    .i-customer .news-item .news-con p { border-top: 1px #f0f0f0 solid; }



.news-tab { display: flex; justify-content: center; }

    .news-tab a { width: 155px; height: 42px; color: #fff; font-size: 18px; line-height: 42px; border-radius: 20px; text-align: center; background-color: #646464; }

        .news-tab a.cur,
        .news-tab a:hover { background-color: #0667aa; }




.news-tabCon .new-tit { display: flex; justify-content: space-between; align-items: center; width: 100%; }

    .news-tabCon .new-tit a { height: 30px; width: 30px; border-radius: 50%; background: rgba(0,0,0,0.5); text-align: center; line-height: 30px; }
        .news-tabCon .new-tit a i { font-size: 20px; color: #fff; }
        .news-tabCon .new-tit a:hover { background: #009a44; }

.news-tabCon .col-item { display: flex; flex-wrap: wrap; }

    .news-tabCon .col-item figure { width: 40%; }

    .news-tabCon .col-item .news-text { width: 60%; }


    .news-tabCon .col-item h2 { color: #494949; }

    .news-tabCon .col-item p { color: #666; }

    .news-tabCon .col-item em { display: block; margin-top: 15px; }

        .news-tabCon .col-item em a { display: inline-block; width: 27px; height: 27px; border-radius: 50%; background-color: #94989b; background-image: url(../img/arrow.png); background-repeat: no-repeat; background-position: center center; -webkit-transition: all ease .3s; transition: all ease .3s; }

    .news-tabCon .col-item:hover em a { -webkit-transform: translateY(10px); transform: translateY(10px); background-color: #0667aa; }

.news-tabCon ul { border-top: 1px solid #e5e5e5; width: 100%; }

    .news-tabCon ul li { border-bottom: 1px solid #e5e5e5; display: flex; justify-content: space-between; align-items: center; width: 100%; }

        .news-tabCon ul li:before { content: "·"; color: #009a44; font-size: 36px; width: 20px; text-align: center; line-height: 20px; }
        .news-tabCon ul li a { margin-right: auto; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }










.i-about { width: 90%; background: #fff; margin: -60px auto 0; position: relative; }

@media screen and (max-width: 992px) {
    .i-about {margin: 0 auto;width: 100%;}
}


.i-about-tit { text-align: center; border-bottom: 1px solid #dbdcdc; position: relative; }

    .i-about-tit::after { content: ""; display: block; left: 50%; transform: translateX(-50%); width: 50px; height: 3px; background: #009A44; position: absolute; bottom: -1px; }

.i-about-link { display: flex; justify-content: center; }
    .i-about-link a { width: 120px; height: 38px; line-height: 38px; background: #333; color: #fff; border-radius: 20px; text-align: center; }
        .i-about-link a:hover { background: #009A44; }




.i-swiper-bottom { display: flex; justify-content: center; padding: 15px; align-items: center; }
    .i-swiper-bottom .i-swiper-arrow { background: #ccc; border: none; flex: 0 0 50px; height: 50px; justify-content: center; align-items: center; border-radius: 50%; cursor: pointer; outline: none !important; margin: 0 10px; }
        .i-swiper-bottom .i-swiper-arrow:hover { background: #009a44; color: #fff; }
.footer-top { background: #009A44; }
    .footer-top a { color: #fff; border-right: 1px solid #fff; }

.footer-bottom { background: #242b27; color: #939B96; line-height: 24px; font-size: 14px; }
    .footer-bottom a { color: #939B96; }
.footer-contact { border-right: 1px solid rgba(255,255,255,0.09); border-left: 1px solid rgba(255,255,255,0.09); }
    .footer-contact div { max-width: 360px; }
.footer-code { text-align: center; }
    .footer-code img { height: 70px; }
.float-right { position: fixed; right: 2px; top: 50%; margin-top: -100px; z-index: 100 }

    .float-right .float-right-meau { position: relative; }

    .float-right .float-right-btn { width: 3.75rem; height: 3.75rem; text-align: center; display: block; margin-bottom: 1px; position: relative; background-color: #009a44; border-radius: 5px; }

        .float-right .float-right-btn span { line-height: 3.75rem; text-align: center; }

            .float-right .float-right-btn span.demo-icon i { font-size: 2rem; color: #fff; }

        .float-right .float-right-btn sup { display: block; min-width: 1.5rem; height: 1.5rem; text-align: center; line-height: 1.5rem; color: #fff; border-radius: 50%; background-color: #ff6800; position: absolute; left: -12px; top: -12px; }

        .float-right .float-right-btn p { color: #fff; font-size: 1rem; padding-top: 0.25rem; display: none; }

    .float-right .float-right-meau:hover .float-right-btn span { display: none }

    .float-right .float-right-meau:hover .float-right-btn p { display: block; }

    .float-right .meau-backup:hover .float-right-btn span { display: block; }

.float-right-box { position: absolute; top: -15px; right: 48px; padding-right: 25px; display: none; }

    .float-right-box .box-border { border: 1px solid #A9A9A9; border-top: 2px solid #009a44; padding: 10px 20px; background-color: #fff; position: relative }

        .float-right-box .box-border .arrow-right { display: block; width: 8px; height: 16px; position: absolute; right: -8px; top: 32px; }

        .float-right-box .box-border .sev-t span { font-size: 1rem; float: left; display: block; line-height: 56px; margin-right: 20px; color: #d3d3d3 }

        .float-right-box .box-border .sev-t p { float: left; color: #009a44; font-size: 20px; line-height: 28px; }

        .float-right-box .box-border .sev-t a { float: left; color: #009a44; font-size: 20px; line-height: 28px; display: block; }

        .float-right-box .box-border .sev-t i { display: block; font-size: 15px; color: #aaa; font-style: normal; }

        .float-right-box .box-border .sev-b { padding-top: 15px; margin-top: 15px; }

            .float-right-box .box-border .sev-b h4 { color: #666; font-size: 14px; font-weight: normal; padding-bottom: 15px; }

            .float-right-box .box-border .sev-b li { float: left; width: 33.33333% }

                .float-right-box .box-border .sev-b li a { display: inline-block; color: #999; font-size: 13px; padding-left: 43px; background: url(../images/q1.gif) no-repeat left 3px; line-height: 36px; }

                    .float-right-box .box-border .sev-b li a:hover { color: #009a44 }

.meau-contact .float-right-box .box-border { width: 200px; }

.float-right-meau:hover .float-right-box { display: block }

.meau-code .float-right-box { top: auto; bottom: -26px; }

    .meau-code .float-right-box .box-border { width: 180px; }

        .meau-code .float-right-box .box-border .arrow-right { top: inherit; bottom: 50px; }

.meau-code .box { width: 140px; padding: 5px 10px; font-size: 14px; color: #666; text-align: center; }

    .meau-code .box img { max-width: 100%; }

.meau-code .float-right-box .box-border .sev-t { width: 100%; display: flex; justify-content: space-around; }

.meau-mail .float-right-box .box-border { /*width: 240px;*/ }

@media screen and (max-width: 750px) {
    .float-right .float-right-btn { width: 35px; height: 35px; }
        .float-right .float-right-btn p { font-size: 12px; line-height: 1.2 }
        .float-right .float-right-btn span { line-height: 35px; }

            .float-right .float-right-btn span.demo-icon i { font-size: 20px; }

    .float-right { margin-top: 0; top: auto; bottom: 5%; }

        .float-right .float-right-meau { display: none; }
            .float-right .float-right-meau.meau-contact { display: block; }
            .float-right .float-right-meau .float-right-box { display: none; }
        .float-right .meau-backup,
        .float-right .meau-close { display: block; }
}


.bg-map { position: relative; width: 100%; max-width: 994px; margin: 0 0 0 auto; }

    .bg-map .appoint { text-align: center; position: absolute; }

        .bg-map .appoint.a1 { top: 20%; left: 15% }

        .bg-map .appoint.a2 { top: 40.1%; left: 13.3% }

        .bg-map .appoint.a3 { top: 33.5%; left: 16.7% }

        .bg-map .appoint.a4 { top: 30.2%; left: 20.8% }

        .bg-map .appoint.a5 { top: 42.1%; left: 24.3% }

        .bg-map .appoint.a6 { top: 37%; left: 27.6% }

        .bg-map .appoint.a7 { top: 58.7%; left: 27.6% }

        .bg-map .appoint.a8 { top: 65.5%; left: 32.7% }

        .bg-map .appoint.a9 { top: 52%; left: 46.8% }

        .bg-map .appoint.a10 { top: 28.5%; left: 50.9% }

        .bg-map .appoint.a11 { top: 48.5%; left: 50.1% }

        .bg-map .appoint.a12 { top: 68.7%; left: 50.9% }

        .bg-map .appoint.a13 { top: 25%; left: 58.5% }

        .bg-map .appoint.a14 { top: 47.2%; left: 61% }

        .bg-map .appoint.a15 { top: 26.7%; left: 69.3% }

        .bg-map .appoint.a16 { top: 53.7%; left: 69.4% }

        .bg-map .appoint.a17 { top: 31.7%; left: 71% }

        .bg-map .appoint.a18 { top: 25%; left: 72.8% }

        .bg-map .appoint.a19 { top: 29.9%; left: 73.6% }

        .bg-map .appoint.a20 { top: 45.1%; left: 73.7% }

        .bg-map .appoint.a21 { top: 53.7%; left: 76.1% }

        .bg-map .appoint.a22 { top: 43.6%; left: 79.5% }

        .bg-map .appoint.a23 { top: 63.7%; left: 79.4% }

        .bg-map .appoint.a24 { top: 82.3%; left: 81.1% }



.bg-glitter { width: 8px; height: 8px; border-radius: 100%; background-color: #009a44; display: inline-flex; justify-content: center; align-items: center; position: relative; }

    .bg-glitter * { color: #fff; position: relative; z-index: 2; }

    .bg-glitter:before,
    .bg-glitter:after { content: ''; width: 100%; height: 100%; border-radius: 100%; background-color: #009a44; transform: scale(3); opacity: 0.5; position: absolute; left: 0; top: 0; }

    .bg-glitter:before { animation: bg-wave-2 2s infinite; }

    .bg-glitter:after { animation: bg-wave-3 2s infinite; }

    .bg-glitter.bg-sm:before { animation-name: bg-wave-2; }

    .bg-glitter.bg-sm:after { animation-name: bg-wave-3; }

    .bg-glitter.bg-md:before { animation-name: bg-wave-3; }

    .bg-glitter.bg-md:after { animation-name: bg-wave-5; }

    .bg-glitter.bg-lg:before { animation-name: bg-wave-4; }

    .bg-glitter.bg-lg:after { animation-name: bg-wave-7; }


@media screen and (min-width:768px) {
    .bg-glitter:before { animation-name: bg-wave-2; }

    .bg-glitter:after { animation-name: bg-wave-3; }
}

@media screen and (min-width:992px) {
    .bg-glitter:before { animation-name: bg-wave-3; }

    .bg-glitter:after { animation-name: bg-wave-5; }
}

@media screen and (min-width:1200px) {
    .bg-glitter { width: 10px; height: 10px; }

        .bg-glitter:before { animation-name: bg-wave-4; }

        .bg-glitter:after { animation-name: bg-wave-7; }
}











@keyframes bg-wave-2 {
    0% { transform: scale(1); opacity: 0.7; }

    100% { transform: scale(2); opacity: 0; }
}

@keyframes bg-wave-3 {
    0% { transform: scale(1); opacity: 0.7; }

    100% { transform: scale(3); opacity: 0; }
}

@keyframes bg-wave-4 {
    0% { transform: scale(1); opacity: 0.7; }

    100% { transform: scale(4); opacity: 0; }
}

@keyframes bg-wave-5 {
    0% { transform: scale(1); opacity: 0.7; }

    100% { transform: scale(5); opacity: 0; }
}

@keyframes bg-wave-6 {
    0% { transform: scale(1); opacity: 0.7; }

    100% { transform: scale(6); opacity: 0; }
}

@keyframes bg-wave-7 {
    0% { transform: scale(1); opacity: 0.7; }

    100% { transform: scale(7); opacity: 0; }
}


#myAlt { position: absolute; z-index: 9999; border: 1px solid #000; background: #fff; padding: 0 5px; }