.main {
    margin: 0 auto;
}

/* swiper 点击作废边框 */
div:focus {
    outline: none;
}


.back_htop {
    background-color: #f9faf9;
    position: relative;
    z-index: 10;
}

.h_top {
    height: 38px;
}

.h_top p,
.h_top h1 {
    font-size: 12px;
    line-height: 38px;
}

.h_top .fr {
    display: flex;
}

.h_top .fr a {
    font-size: 12px;
    line-height: 38px;
}

.h_top .fr span {
    display: block;
    width: 2px;
    height: 12px;
    background-color: #656464;
    margin: 0 5px;
    margin-top: 13px;
}

.h_nav {
    height: 120px;
    justify-content: space-between;
    position: relative;
    z-index: 100;
}

.h_nav .h_logo {
    display: flex;
    align-items: center;
}

.h_nav .h_logo .h_pho {
    margin-left: 25px;
}

.h_nav .h_logo .h_pho h4 {
    font: bold 18px/25px '微软雅黑';
    color: #0a5f4c;
}

.h_nav .h_logo .h_pho p {
    font: bold 24px/27px 'Arial';
    color: #0a5f4c;
    display: flex;
    align-items: center;
}

.h_nav .h_logo .h_pho p img {
    margin-right: 10px;
}

.h_nav .h_ul {
    width: 65%;
}

.h_nav .ul_a>a {
    display: block;
    width: auto;
    font-weight: bold;
    height: 120px;
    line-height: 120px;
    font-size: 16px;
    padding: 0 10px;
}

.h_nav .ul_a:hover::after,
.h_nav .active::after {
    display: block;
    content: '';
    width: 100%;
    height: 2px;
    background: url(/esimg/index_icon01.png) no-repeat center;
    position: relative;
    top: -35px;
}

.h_nav .ul_a>ul {
    width: 100%;
    height: 75px;
    background-color: #e9f9f6;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    opacity: 0;
    align-items: center;
    justify-content: center;
    transition: all .8s;
    z-index: -1;
}

.h_nav .ul_a:hover>ul {
    opacity: 1;
    top: 100%;
    transition: all .8s;
}

.h_nav .ul_a>ul a {
    font-weight: bold;
    margin: 0 20px;
}

.h_nav .ul_a>.ul_b .ul_c .c_active>a,
.h_nav .ul_a>ul .b_active>a,
.h_nav .ul_a>ul a:hover {
    color: #0a5f4c;
}

.h_nav .ul_a .ul_b {
    top: -800px;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0 50px 20px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}

.h_nav .ul_a .ul_b>li {
    width: 100%;
    display: flex;
    align-items: center;
}

.h_nav .ul_a .ul_b>li>a {
    width: 150px;
    display: block;
}

.h_nav .ul_a .ul_b .ul_c {
    flex: 1;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    border-bottom: 1px solid #d8ede9;
    padding: 10px 0;
}

.h_nav .ul_a .ul_b>li:last-child .ul_c {
    border-bottom: 1px solid transparent;
}

.h_nav .ul_a .ul_b .ul_c li {
    width: 25%;
}

.h_nav .ul_a .ul_b .ul_c li a {
    display: block;
    line-height: 32px;
    /* 修改 */
    /* color: #8c9593; */
    color: #333;
    font-weight: normal;
}

.h_nav .ul_a .ul_b .ul_c li a:hover {
    color: #0a5f4c;
}

.h_nav .ul_a .ul_b .nav_ts .ul_c a {
    color: #333;
    font-weight: bold;
}

.banner {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.banner .swiper-pagination-bullet {
    width: 26px;
    height: 4px;
    background-color: #cccccc;
    border-radius: 0;
}

.banner .swiper-pagination-bullet-active {
    background-color: #0a5f4c;
}

.banner .swiper-container-horizontal>.swiper-pagination-bullets {
    bottom: 80px;
}

.sw_01 {
    width: 1920px;
    position: relative;
    left: 50%;
    margin-left: -960px;
    z-index: 1;
}

.banner .keyword {
    display: flex;
    align-items: center;
    position: absolute;
    left: 50%;
    bottom: 36px;
    transform: translateX(-50%);
    z-index: 2;
}

.banner .keyword p {
    font-size: 12px;

}

.banner .keyword a {
    font-size: 12px;
    margin: 0 5px;
}

.title {
    text-align: center;
    margin-top: 50px;
}

.title h3 {
    font-size: 34px;
    font-weight: bold;
    line-height: 50px;
}

.title h3 span {
    color: #0a5f4c;
}

.title p {
    font-size: 20px;
    line-height: 36px;
}

.title img {
    margin-top: 15px;
    margin-bottom: 60px;
}

.n_nav>ul {
    padding: 0 30px;
}

.n_nav>ul li {
    width: 160px;
    height: 40px;
    border-radius: 20px;
    background-color: #f1f2f3;
    text-align: center;
    transition: all .5s;
}

.n_nav>ul li p {
    font-size: 16px;
    line-height: 40px;
    cursor: pointer;
}

.n_nav>ul .active,
.n_nav>ul li:hover {
    background-color: #0a5f4c;
    transition: all .5s;
}

.n_nav>ul .active p,
.n_nav>ul li:hover p {
    color: #fff;
}

.sw_back {
    margin-top: 30px;
    background-image: linear-gradient(to top, #f3f6f5, #f2f5f4, #f5f6f6, #fafbfa, #fff);
    padding-bottom: 110px;
}

.sw_back .arrow1 {
    position: relative;
}

.sw_back .arrow1 .sw_02 {
    width: 1400px;
    overflow: hidden;
    padding: 20px 30px;
    overflow: hidden;
}

.sw_02 .swiper-wrapper {
    width: 100%;
    margin: 0 auto;
}

.sw_02 .swiper-slide {
    height: 300px;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: #fff;
    border-radius: 8px;
    transition: all .8s;
    position: relative;
    padding: 0 10px;
    padding-top: 24px;
}

.sw_02 .swiper-slide:hover {
    box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, .1);
    transition: all .8s;
}

.sw_02 .swiper-slide i {
    display: block;
    font-size: 14px;
    line-height: 1.2;
    margin: 20px 0;
    text-align: center;
}

.sw_02 .swiper-slide .rz {
    display: block;
    width: 100px;
    height: 30px;
    line-height: 30px;
    border-radius: 15px;
    text-align: center;
    background-color: #f1f2f3;
    transition: all .5s;
    position: absolute;
    bottom: 25px;
    left: 50%;
    transform: translateX(-50%);
}

.sw_02 .swiper-slide:hover .rz {
    color: #fff;
    background-color: #0a5f4c;
    transition: all .5s;
}

.page05 .next03,
.page05 .prev03,
.arrow1 .prev16,
.arrow1 .next16,
.arrow1 .next15,
.arrow1 .prev15,
.arrow1 .next14,
.arrow1 .prev14,
.arrow1 .next13,
.arrow1 .prev13,
.arrow1 .next12,
.arrow1 .prev12,
.arrow1 .next11,
.arrow1 .prev11 {
    background-size: 25%;
    width: 40px;
    height: 40px;
    background-color: #e1e1e1;
    border-radius: 50%;
    transition: all .5s;
}

.page05 .prev03,
.arrow1 .prev16,
.arrow1 .prev15,
.arrow1 .prev14,
.arrow1 .prev13,
.arrow1 .prev12,
.arrow1 .prev11 {
    left: -30px;
}

.page05 .next03,
.arrow1 .next16,
.arrow1 .next15,
.arrow1 .next14,
.arrow1 .next13,
.arrow1 .next12,
.arrow1 .next11 {
    right: -30px;
}

.page05 .next03:hover,
.page05 .prev03:hover,
.arrow1 .prev16:hover,
.arrow1 .next16:hover,
.arrow1 .next15:hover,
.arrow1 .prev15:hover,
.arrow1 .next14:hover,
.arrow1 .prev14:hover,
.arrow1 .next13:hover,
.arrow1 .prev13:hover,
.arrow1 .next12:hover,
.arrow1 .prev12:hover,
.arrow1 .next11:hover,
.arrow1 .prev11:hover {
    background-color: #0a5f4c;
    transition: all .5s;
}

.page03 {
    background: url(/esimg/index_img02.png) no-repeat;
    background-size: 100% 100%;
    padding-top: 80px;
    padding-bottom: 280px;
}

.page03 .title {
    margin-top: 0;
}

.page03 .title h3 {
    color: #fff;
}

.page03_ul {
    display: flex;
    justify-content: center;
}

.page03_ul .p_ul {
    width: 330px;
    height: 400px;
    text-align: center;
    padding-top: 60px;
    transition: all .8s;
    border-radius: 8px;
}

.page03_ul .p_ul:hover {
    background-color: rgba(255, 255, 255, .2);
    padding-top: 35px;
    transition: all .8s;
}

.page03_ul .p_ul:hover img,
.page03_ul .p_ul>.big_img {
    display: none;
}

.page03_ul .p_ul:hover .big_img {
    display: block;
    margin: 0 auto;
}

.page03_ul .p_ul>span {
    display: block;
    width: 36px;
    height: 2px;
    margin: 0 auto;
    background-color: #fff;
    margin-top: 45px;
    margin-bottom: 20px;
}

.page03_ul .p_ul:hover span {
    display: none;
}

.page03_ul .p_ul>h4 {
    font-size: 20px;
    color: #fff;
    font-weight: bold;
    line-height: 35px;
}

.page03_ul .p_ul:hover h4 {
    margin-top: 40px;
}

.page03_ul .p_ul>p {
    font: 300 14px/22px 'Arial';
    color: #cec9d4;
}

.page04 {
    width: 100%;
    position: relative;
    /* padding-bottom: 106px; */
    /* 渐变 */
    background-image: linear-gradient(to top, #f9fbfd 25%, #f9fbfd 50%, #fff);
    z-index: 10;
}

.p04_box {
    width: 100%;
    overflow: hidden;
}

.page04 .swiper02 {
    width: 1090px;
    margin: 0 auto;
    position: relative;
}

.page04 .prev02,
.page04 .next02 {
    background-size: 25%;
    width: 40px;
    height: 40px;
    background-color: #e1e1e1;
    border-radius: 50%;
    transition: all .5s;
}

.page04 .next02:hover,
.page04 .prev02:hover {
    background-color: #0a5f4c;
    transition: all .5s;
}

.page04 .prev02 {
    left: -20px;
}

.page04 .next02 {
    right: -20px;
}

.swiper02 .swiper-slide {
    border-radius: 8px;
}

.swiper02 .swiper-slide img {
    width: 100%;
}

.page04 #ul_02 {
    width: 460px;
    height: 460px;
    position: absolute;
    top: 17%;
    left: 27%;
    z-index: 10;
}

.page04 .text {
    padding: 40px;
    background-color: rgba(255, 255, 255, .6);
    box-shadow: 1px 1px 10px 5px rgba(0, 0, 0, .1);
    border-radius: 8px;
}

.page04 .text b {
    font-size: 46px;
    font-weight: bold;
    color: #e8eae9;
}

.page04 .text h4 {
    font-size: 20px;
    line-height: 60px;
    font-weight: bold;
}

.page04 .text p {
    display: flex;
    align-items: baseline;
    font-size: 16px;
    line-height: 24px;
}

.page04 .text p img {
    margin-right: 10px;
}

.page04 .swiper-slide-prev::after,
.page04 .swiper-slide-next::after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, .6);
    border-radius: 8px;
}

.page05 {
    position: relative;
    background: url(/esimg/index_back01.png) no-repeat center;
    background-size: 100% 100%;
    padding: 120px 0;
    z-index: 1;
}

.page05 .title {
    margin-top: 0;
}

.page05 .title img {
    margin-bottom: 90px;
}

.page05 .p_box {
    position: relative;
}

.page05 .prev03 {
    top: 55px;
    left: -40px;
}

.page05 .next03 {
    top: 55px;
    right: -40px;
}

.page05 .sw_03 .swiper-slide {
    align-items: normal;
    padding: 0 60px;
}

.page05 .sw_03 .g_icon {
    margin-top: 35px;
}

.page05 .sw_03 .g_img {
    display: flex;
    align-items: center;
    flex-direction: column;
    text-align: center;
}

.page05 .sw_03 .g_img:hover img,
.page05 .sw_03 .g_img .green {
    display: none;
}

.page05 .sw_03 .g_img:hover .green {
    display: block;
}

.page05 .sw_03 .g_img p {
    line-height: 1.3;
    margin: 16px 0;
}

.page05 .sw_03 {
    overflow: hidden;
}

.page06 {
    width: 100%;
    background-image: radial-gradient(#f4f7f9 10%, #fff);
    padding-bottom: 64px;
}

.page06 .swiper04 {
    width: 100%;
    /* margin: 0 auto; */
    overflow: hidden;
}

.page06 .swiper-slide {
    padding-top: 20px;
}

.page06 .swiper-slide p {
    width: 200px;
    height: 110px;
    margin-bottom: 25px;
    box-shadow: 0px 0px 20px 2px #dee4eb;
}

.page06 .swiper-slide p:nth-child(4),
.page06 .swiper-slide p:nth-child(2) {
    margin-left: -50%;
}

.page06 .title img {
    margin-bottom: 40px;
}

.page06>a {
    display: block;
    width: 120px;
    height: 44px;
    line-height: 44px;
    margin: 0 auto;
    border-radius: 22px;
    text-align: center;
    background-color: #0a5f4c;
    color: #fff;
    margin-top: 45px;
    transition: all .8s;
}

.page06>a:hover {
    box-shadow: 0px 0px 10px 1px #0a5f4c;
    transition: all .8s;
}

.page07 {
    background: url(/esimg/index_back02.png) no-repeat;
    background-size: 100% 100%;
    padding-top: 66px;
    padding-bottom: 90px;
}

.page07 .t_box {
    align-items: normal;
}

.page07 .p_fr,
.page07 .p_fl {
    width: 48%;
}

.page07 .p_fl h3 {
    font-size: 34px;
    font-weight: bold;
}

.page07 .p_fl>img {
    margin-top: 20px;
    margin-bottom: 26px;
}

.page07 .p_fl h3 span {
    color: #0a5f4c;
}

.page07 .p_fl b {
    display: block;
    font-size: 18px;
    font-weight: bold;
    line-height: 74px;
}

.page07 .p_fl p {
    line-height: 24px;
}

.page07 .p_fl .num {
    margin-right: 60px;
}

.page07 .p_fl .num span {
    font-size: 34px;
    font-weight: bold;
    color: #0a5f4c;
}

.page07 .p_fl .num sub {
    font-size: 18px;
    font-weight: bold;
    color: #0a5f4c;
}

.page07 .p_fl .num i {
    display: block;
    color: #999;
    line-height: 44px;
}

.page07 .p_fl .n_box {
    margin-top: 72px;
}

.page07 .p_fl .n_box>a {
    display: block;
    width: 120px;
    height: 44px;
    line-height: 44px;
    background-color: #0a5f4c;
    border-radius: 22px;
    color: #fff;
    text-align: center;
    margin-top: 20px;
    transition: all .8s;
}

.page07 .p_fl .n_box>a:hover {
    box-shadow: 0px 0px 10px 1px #0a5f4c;
    transition: all .8s;
}

.page07 .p_box>b {
    display: block;
    font-size: 18px;
    font-weight: bold;
    line-height: 60px;
    margin-top: 30px;
}

.page07 ul {}

.page07 ul li {
    background: url(/esimg/index_back03.png) no-repeat;
    width: 330px;
    height: 145px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    padding-left: 55px;
    background-color: #fcfdfd;
    transition: all .8s;
}

.page07 ul li:hover {
    background: url(/esimg/index_back03.png) no-repeat;
    background-color: #2f7768;
    transition: all .8s;
}

.page07 ul li img {
    margin-right: 42px;
}

.page07 ul li:hover img,
.page07 ul li .bai {
    display: none;
}

.page07 ul li:hover .bai {
    display: block;
}

.page07 ul li p {
    font-size: 20px;
    font-weight: bold;
}

.page07 ul li:hover p {
    color: #fff;
}

.page07 .p_fr a {
    display: block;
    width: 100%;
    height: 396px;
    overflow: hidden;
    border-radius: 8px;
}

.page07 .p_fr a img {
    width: 100%;
    transition: all .8s;
}

.page07 .p_fr a img:hover {
    transform: scale(1.1);
    transition: all .8s;
}

.page08_title {
    margin-top: 75px;
}

.page08_title .ti_fl h3 {
    font-size: 34px;
    font-weight: bold;
    line-height: 66px;
}

.page08_title .ti_fl h3 span {
    color: #0a5f4c;
}

.page08_title .ti_fl p {
    font-size: 20px;
}

.page08_title .ti_fl img {
    margin-top: 22px;
    margin-bottom: 40px;
}

.page08_title .ti_fr {
    margin-top: 30px;
}

.page08_title .ti_fr li p {
    width: 120px;
    height: 44px;
    line-height: 44px;
    border-radius: 22px;
    font-size: 16px;
    text-align: center;
    cursor: pointer;
    transition: all .8s;
}

.page08_title .ti_fr li p:hover {
    background-color: #0a5f4c;
    color: #fff;
    transition: all .8s;
}

.page08_title .ti_fr li span {
    display: block;
    width: 1px;
    height: 12px;
    background-color: #999;
    margin: 0 26px;
}

.page08_title .ti_fr li a {
    font-size: 16px;
    transition: all .5s;
}

.page08_title .ti_fr li a:hover {
    color: #0a5f4c;
    transition: all .5s;
}

.page08_title .active p {
    background-color: #0a5f4c;
    color: #fff;
}

.page08 .new_fl,
.page08 .new_fr {
    width: 48%;
    height: 400px;
    overflow: hidden;
}

.page08 .new_fl .new_box {
    position: relative;
}

.page08 .new_fl .new_box>a {
    display: block;
    width: 100%;
    height: auto;
    overflow: hidden;
    border-radius: 12px;
}

.page08 .new_fl .new_box>a img {
    transition: all .8s;
    width: 100%;
}

.page08 .new_fl .new_box:hover>a img {
    transform: scale(1.1);
    transition: all .8s;
}

.page08 .new_fl .new_box .date {
    width: 100%;
    height: 62px;
    background-color: rgba(10, 95, 76, .8);
    position: absolute;
    bottom: 0;
    left: 0;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
    padding: 0 23px;
    transition: all .5s;
}

.page08 .new_fl .new_box .date p {
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    margin-right: 34px;
}

.page08 .new_fl .new_box .text {
    font-size: 16px;
    font-weight: bold;
    color: #fff;
}

.page08 .new_fr {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.page08 .new_fr .new_ul {
    padding: 25px;
    transition: all .8s;
    border-radius: 12px;
    justify-content: flex-start;
}

.page08 .new_fr .new_ul:hover {
    background-color: #0a5f4c;
    transition: all .8s;
}

.page08 .new_fr .n_l {
    margin-right: 60px;
}

.page08 .new_fr .n_l b {
    font-size: 16px;
    font-weight: bold;
    line-height: 40px;
}

.page08 .new_fr .n_l i {
    display: block;
}

.page08 .new_fr .n_r a {
    font-size: 16px;
    font-weight: bold;
    line-height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.page08 .new_fr .n_r p {
    width: 470px;
    font-weight: bold;
}

.page08 .new_fr .new_ul:hover .n_r a,
.page08 .new_fr .new_ul:hover .n_r p,
.page08 .new_fr .new_ul:hover i,
.page08 .new_fr .new_ul:hover b {
    color: #fff;
}

.page09 {
    width: 100%;
    overflow: hidden;
}

.p09_back {
    background: url(/esimg/index_back06.png) no-repeat;
    background-size: 100%;
    margin-top: 80px;
    width: 1920px;
    position: relative;
    left: 50%;
    margin-left: -960px;
}

.page09 .lx_fl {
    padding: 70px 0 90px 70px;
}

.page09 .lx_fr {
    width: 820px;
    padding-top: 70px;
    padding-left: 40px;
}

.page09 .lx_fr h5,
.page09 .lx_fl h5 {
    font-size: 24px;
    line-height: 1;
}

.page09 .lx_fr h5 {
    color: #fff;
}

.page09 .lx_fr>img,
.page09 .lx_fl>img {
    margin-top: 23px;
    margin-bottom: 36px;
}

.page09 .p_box {
    margin-top: 40px;
}

.page09 .p_tex {
    justify-content: flex-start;
}

.page09 .p_tex>img {
    margin-right: 15px;
}

.page09 .p_tex>b {
    font: bold 24px/30px 'Arial';
    color: #0a5f4c;
}

.page09 .p_tex>p {
    line-height: 30px;
}

.page09 .lx_fr .new-form>p,
.page09 .lx_fr form>p {
    margin-bottom: 10px;
}

.page09 .lx_fr .new-form input,
.page09 .lx_fr form input {
    width: 360px;
    height: 44px;
    border-radius: 8px;
    padding-left: 20px;
    background-color: rgba(255, 255, 255, .5);
}

.page09 .lx_fr .new-form textarea,
.page09 .lx_fr form textarea {
    width: 100%;
    height: 64px;
    border-radius: 8px;
    padding-left: 20px;
    padding-top: 15px;
    background-color: rgba(255, 255, 255, .5);
}

.page09 .lx_fr .new-form textarea::placeholder,
.page09 .lx_fr .new-form ::placeholder,
.page09 .lx_fr form textarea::placeholder,
.page09 .lx_fr form ::placeholder {
    color: #333;
    opacity: .5;
}

.page09 .lx_fr .new-form .yzm,
.page09 .lx_fr form .yzm {
    position: relative;
}

.page09 .lx_fr .new-form .yzm .yzm_,
.page09 .lx_fr form .yzm .yzm_ {
    height: 44px;
    position: absolute;
    top: 0;
    right: 0;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    opacity: .4;
}

.page09 .lx_fr .new-form .yzm .sx,
.page09 .lx_fr form .yzm .sx {
    position: absolute;
    top: 50%;
    right: -28px;
    transform: translateY(-50%);
    cursor: pointer;
}

.page09 .lx_fr .new-form #btnPcSubmit,
.page09 .lx_fr form button {
    width: 180px;
    height: 44px;
    background-color: #3d9884;
    border-radius: 8px;
    color: #fff;
    cursor: pointer;
    transition: all .5s;
    padding-left: 0;
}

.page09 .lx_fr .new-form #btnPcSubmit:hover,
.page09 .lx_fr form button:hover {
    box-shadow: 0px 0px 20px 1px #fff;
    transition: all .5s;
}

.page10 {
    margin-top: 95px;
}

.p10_fl {
    text-align: center;
}

.p10_fr b {
    font-weight: bold;
}

.p10_fr span {
    display: block;
    width: 15px;
    height: 1px;
    background-color: #326038;
    margin: 16px 0;
}

.p10_fr .nav_box {
    height: 270px;
    margin: 0 35px;
}

.p10_fr .p10_nav a {
    display: block;
    font-size: 14px;
    line-height: 30px;
}

.p10_fr .p10_nav a:hover {
    color: #0a5f4c;
}

.b_an {
    margin-top: 100px;
    margin-bottom: 35px;
    line-height: 1;
}

.b_an .b_a0 {
    margin-right: 30px;
}

.b_an1 {
    margin-bottom: 10px;
}

.b_an a:hover {
    color: #0a5f4c;
}

.yqlj {
    display: flex;
    align-items: center;
}

.yqlj p,
.yqlj a {
    font-size: 14px;
    margin-right: 20px;
    margin-bottom: 20px;
}

.yqlj a:hover {
    color: #0a5f4c;
}

#fixed {
    position: fixed;
    right: 0;
    bottom: 25%;
    transition: all .5s;
    z-index: 100;
}

#fixed ul {
    display: flex;
    flex-direction: column;
}

#fixed ul li {
    width: 70px;
    height: 70px;
    margin-bottom: 10px;
    background-image: linear-gradient(to left top, #146752, #8ecfa1);
    cursor: pointer;
    border-radius: 10px;
    transition: all .5s;
    position: relative;
}

#fixed ul .qr {
    position: relative;
}

#fixed ul .qr>img {
    width: 110px;
    display: none;
    position: absolute;
    top: 60px;
    left: 50%;
    transform: translateX(-50%);
    transition: all .5s;
}

#fixed ul li>p,
#fixed ul li>a {
    display: flex;
    height: 100%;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    font-size: 12px;
}

#fixed ul li a>img,
#fixed ul li p>img {
    width: 35px;
}

#fixed ul #toTop p {
    text-align: center;
    padding: 16px;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
}

#fixed ul li b {
    color: #fff;
}

#fixed ul:hover li {
    width: 200px;
    background-color: #0a5f4c;
    transition: all .5s;
}

#fixed ul:hover .qr {
    height: 190px;
}

#fixed ul p .pho,
#fixed ul:hover p .ph_text {
    display: none;
}

#fixed ul:hover p .pho {
    display: block;
    line-height: 1;
}

#fixed ul:hover li p,
#fixed ul:hover li a {
    flex-direction: row;
    justify-content: flex-start;
    padding-top: 12px;
    padding-left: 20px;
    height: auto;
}

#fixed ul:hover #toTop p {
    display: block;
    line-height: 70px;
    padding: 0;
}

#fixed ul:hover .qr>img {
    display: block;
}

#fixed ul:hover li a>img,
#fixed ul:hover li p>img {
    width: 40px;
}

#fixed ul:hover li b {
    font-size: 16px;
}

/* 内页 */

/* 企业先容 */
.bread {
    justify-content: flex-start;
}

.bread span,
.bread p,
.bread a {
    font-size: 12px;
    color: #999;
    line-height: 34px;
}

.bread span {
    margin: 0 8px;
}

.bread a:hover {
    color: #0a5f4c;
}

.title01 {
    text-align: left;
    margin-top: 20px;
}

.title01 img {
    margin-bottom: 14px;
}

.title02 {
    margin-top: 20px;
}

.title03 {
    margin-top: 130px;
}

.title04 {
    margin-top: 20px;
}

.title01 img {
    margin-bottom: 20px;
}

.title05 img {
    margin-bottom: 30px;
}


.text_back01 {
    width: 100%;
    height: auto;
    background: url(/esimg/n_back01.png) no-repeat right;
}

.text_box01 h5 {
    font-size: 18px;
    font-weight: bold;
    line-height: 74px;
}

.text_box01 b {
    display: block;
    line-height: 52px;
    margin-top: 10px;
}

.text_box01 p {
    font-size: 16px;
    line-height: 30px;
}

.text_box01 .text_yw {
    margin-bottom: 30px;
}

.text_box01 .text_yw .w_yw {
    width: 250px;
}

.text_box01 .text_yw .w_yw01 {
    width: 500px;
}

.text_box01 .text_yw .w_yw02 {
    width: 280px;
}

.text_box01 .text_yw p {
    display: inline-block;
    background-color: #effbf9;
    border: 1px solid #c3dfd7;
    border-radius: 8px;
    padding: 14px 0 14px 18px;
    margin-right: 28px;
    margin-bottom: 15px;
}

.text_box01 .text_h4 {
    margin: 20px 0;
}

.text_box01 .text_h4 h4 {
    font-weight: bold;
    font-size: 18px;
    line-height: 2;
    display: inline-block;
    position: relative;
}

.text_box01 .text_h4 h4::before {
    content: '';
    background-color: #effbf8;
    width: 100%;
    height: 12px;
    position: absolute;
    left: 0;
    bottom: 2px;
    z-index: -1;
}

.n_qywh {
    width: 100%;
    overflow: hidden;
    position: relative;
    padding-bottom: 90px;
}

.n_qywh .sw_06 .swiper-slide {
    border-radius: 12px;
    position: relative;
}

.n_qywh .sw_06 .swiper-slide img {
    width: 100%;
}

.n_qywh .swiper-pagination03 {
    width: auto;
    position: absolute;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
}

.n_qywh .swiper-pagination-bullet {
    width: 38px;
    height: 5px;
    border-radius: 4px;
    background-color: #e4e4e4;
    transition: all .5s;
    margin: 0 8px;
}

.n_qywh .swiper-pagination-bullet-active {
    width: 80px;
    background-color: #0a5f4c;
    transition: all .5s;
}

.qy_text {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 70%;
    height: 40%;
    background-color: rgba(10, 95, 76, .8);
    padding-top: 30px;
    padding-left: 30px;
    border-radius: 12px;
}

.n_qywh .qy_text ._ig {
    display: flex;
    align-items: center;
}

.n_qywh .qy_text ._ig img {
    width: auto;
    height: auto;
    margin-right: 12px;
}

.n_qywh .qy_text ._ig b {
    color: #fff;
    font-size: 20px;
    line-height: 30px;
}

.n_qywh .qy_text p {
    color: #fff;
    line-height: 24px;
    margin-top: 14px;
}

.n_qywh .qy_text span {
    display: inline-block;
    margin: 0 45px;
}

.n_zzjg {
    position: relative;
}

.n_zzjg .title {
    position: absolute;
    left: 2%;
    top: 0;
}

.n_zzjg>img {
    width: 100%;
}


.fz_back {
    width: 100%;
    overflow: hidden;
    background: url(/esimg/n_back02.png) no-repeat center;
    background-size: 100% 100%;
    margin-top: -60px;
}

/* 企业先容 缩略图 最先 */

.n_fzlc #thumbs .swiper-slide {
    display: flex;
    align-items: center;
    flex-direction: column;
}

.n_fzlc #thumbs .swiper-slide-thumb-active img,
.n_fzlc #thumbs .swiper-slide:hover img,
.n_fzlc #thumbs .swiper-slide .green {
    display: none;
}

.n_fzlc #thumbs .swiper-slide-thumb-active .green,
.n_fzlc #thumbs .swiper-slide:hover .green {
    display: block;
}

.n_fzlc #thumbs .swiper-slide p {
    font: bold 34px/2 'Arial';
}

.n_fzlc #thumbs .swiper-slide-thumb-active p,
.n_fzlc #thumbs .swiper-slide:hover p {
    color: #0a5f4c;
}

#gallery .swiper-slide {
    display: flex;
    justify-content: center;
}

#gallery .swiper-slide .ga_right {
    position: relative;
}

#gallery .swiper-slide .ga_right h4 {
    position: absolute;
    top: -24px;
    left: -48px;
    display: block;
    font: bold 180px/1 'Arial';
    color: #055745;
    opacity: .1;
}

#gallery .swiper-slide .ga_right .tex_ {
    width: 610px;
    margin-top: 100px;
}

#gallery .swiper-slide .ga_right b {
    display: block;
    font-size: 20px;
    font-weight: bold;
}

#gallery .swiper-slide .ga_right img {
    margin-top: 10px;
    margin-bottom: 20px;
}

#gallery .swiper-slide .ga_right p {
    line-height: 24px;
}

#gallery {
    /* padding-left: 130px; */
    padding-top: 18px;
    margin-bottom: 100px;
}

#gallery .ga_left {
    position: relative;
    margin-right: 140px;
}

#gallery .ga_left .back_ {
    width: 90px;
    height: 90px;
    border-radius: 8px;
    background-color: #055745;
    position: absolute;
    top: -18px;
    left: -18px;
    z-index: -1;
}

#thumbs .swiper-button-next,
#thumbs .swiper-container-rtl .swiper-button-prev {
    background: url(/esimg/n_icon08.png) no-repeat;
    top: 29px;
    width: 27px;
    height: 27px;
}

#thumbs .swiper-button-prev,
#thumbs .swiper-container-rtl .swiper-button-next {
    background: url(/esimg/n_icon07.png) no-repeat;
    top: 29px;
    width: 27px;
    height: 27px;
}

.n_fzlc .line {
    width: 100%;
    height: 3px;
    background-color: #d2dddd;
    position: absolute;
    bottom: 82px;
    left: 0;
}

/* 企业先容 缩略图 竣事 */

/* 企业效劳 */
.n_qyfw {
    display: flex;
    flex-wrap: wrap;
}

.gy02_box {
    width: 30%;
    height: 306px;
    background: url(/esimg/n_back03.png) no-repeat center;
    background-size: 97% 97%;
    margin-right: 5%;
    border: 1px solid #e4e7eb;
    box-shadow: 10px 10px 0px 0px #e5ebf0;
    border-radius: 12px;
    padding: 0 20px;
    margin-bottom: 50px;
    transition: all .8s;
}

.gy02_box:hover {
    background: url(/esimg/n_back04.png) no-repeat center;
    background-size: 97% 97%;
    box-shadow: 0px 0px 15px 12px #e5ebf0;
    transition: all .8s;
}

.gy02_boxs {
    margin-right: 0;
}

.gy02_box .t_title {
    display: flex;
    align-items: center;
    padding-top: 10px;
    padding-left: 15px;
}

.gy02_box .t_title img {
    margin-right: 10px;
}

.gy02_box .t_title b {
    font-size: 20px;
    line-height: 58px;
    font-weight: bold;
}

.gy02_box .t_title b span {
    color: #0a5f4c;
}

.gy02_box .c_line {
    display: block;
    width: 100%;
    height: 2px;
    background-color: #eef2f1;
    margin-bottom: 12px;
}

.gy02_box .bs_text {
    display: flex;
    flex-wrap: wrap;
    padding-left: 15px;
}

.gy02_box .bs_text .b_tx {
    width: 45%;
}

.gy02_box .b_text .b_tx {
    display: flex;
    align-items: center;
}

.gy02_box .b_text .b_tx img {
    margin-right: 5px;
}

.gy02_box .b_text .b_tx p a,
.gy02_box .b_text .b_tx p {
    line-height: 30px;
}

.gy02_last {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

/* 效劳 项目 */
.p09_n {
    margin-top: 150px;
}

.p09_n01 {
    margin-top: 100px;
}

.p09_n02 {
    margin-top: 0;
}

.page05_n .title img {
    margin-bottom: 50px;
}

.page05_n {
    padding: 70px 0;
}

.page05_n .main>img {
    width: 100%;
    display: block;
    margin: 0 auto;
}

.n_nav01 {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 24px;
    overflow: hidden;
}

.n_nav01 li {
    width: 180px;
    line-height: 40px;
    margin: 0 26px;
    text-align: center;
    background-color: #f1f2f3;
    border-radius: 20px;
    margin-bottom: 30px;
    transition: all .5s;
}

.n_nav01 li p {
    font-size: 16px;
}

.n_nav01 .active,
.n_nav01 li:hover {
    background-color: #0a5f4c;
    transition: all .5s;
}

.n_nav01 .active p a,
.n_nav01 li:hover p a {
    color: #fff;
    transition: all .5s;
    transform: rotate();
}

.b_box {
    background-image: linear-gradient(to top, #f3f6f5, #f2f5f4, #f5f6f6, #fafbfa, #fff);
}

.b_box .f_box {
    display: flex;
    flex-wrap: wrap;
    padding-left: 24px;
    padding-bottom: 44px;
}

.b_box .s_box {
    width: 256px;
    height: 290px;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: #fff;
    border-radius: 8px;
    transition: all .8s;
    position: relative;
    padding: 0 10px;
    padding-top: 24px;
    margin-right: 15px;
    margin-bottom: 32px;
}

.b_box .s_box:hover {
    box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, .1);
    transition: all .8s;
}

.b_box .s_box p {
    display: block;
    font-size: 14px;
    line-height: 1.2;
    margin: 20px 0;
    text-align: center;
}

.b_box .rz {
    display: block;
    width: 100px;
    height: 30px;
    line-height: 30px;
    border-radius: 15px;
    text-align: center;
    background-color: #f1f2f3;
    transition: all .8s;
    position: absolute;
    bottom: 25px;
    left: 50%;
    transform: translateX(-50%);
}

.b_box .s_box:hover .rz {
    color: #fff;
    background-color: #0a5f4c;
    transition: all .8s;
}



.n_text {
    position: relative;
    background-image: linear-gradient(to bottom, #eefbf8 10%, #effbf9, #f2fcfa 20%, #f6fdfb 30%, #feffff 40%, #fff);
    border-radius: 12px;
    border: 1px solid #e6eeec;
    padding: 10px 50px 90px;
}

.n_text01 {
    padding-bottom: 40px;
}

.n_text02 {
    padding-bottom: 60px;
}

.n_text .ig_ {
    position: absolute;
    top: 40px;
    right: 50px;
    border-radius: 12px;
}

.n_text h5 {
    font-weight: bold;
    font-size: 20px;
    display: flex;
    align-items: center;
    line-height: 74px;
}

.n_text h5 span {
    display: block;
    width: 3px;
    height: 20px;
    background-color: #0a5f4c;
    margin-right: 10px;
}

.n_text p {
    color: #666;
    font-size: 16px;
    line-height: 30px;
}

.n_text>p {
    padding-left: 12px;
}

.n_text .line {
    width: 100%;
    border-bottom: 1px dashed #ceddda;
    margin-top: 30px;
    margin-bottom: 10px;
}

.n_text .t_width {
    width: 950px;
}

.n_text .t_top {
    margin-top: 15px;
    margin-bottom: 15px;
}

.n_text .t_top01 {
    margin-top: 25px;
    margin-bottom: 25px;
}

.n_text .d_text {
    display: flex;
    align-items: baseline;
    margin-bottom: 50px;
}

.n_text .d_text>img {
    margin-right: 8px;
}

.n_text .d_text h6 {
    font-size: 20px;
    line-height: 42px;
}

.n_text .tab_box01 table {
    width: 100%;
}

.n_text .tab_box01 table tr th,
.n_text .tab_box01 table tr td,
.n_text .tab_box01 table {
    border: 1px solid #deeee9;
    border-collapse: collapse;
}

.n_text .tab_box01 table tr td:nth-of-type(1),
.n_text .tab_box01 table tr th:nth-of-type(1) {
    width: 20%;
}

.n_text .tab_box01 table tr td:nth-of-type(2),
.n_text .tab_box01 table tr th:nth-of-type(2) {
    width: 50%;
}

.n_text .tab_box01 table tr td:nth-of-type(3),
.n_text .tab_box01 table tr th:nth-of-type(3) {
    width: 30%;
}


.n_text .tab_box01 table tr th {
    text-align: left;
    line-height: 1.2;
    font-size: 20px;
    font-weight: normal;
    padding: 16px 0 16px 40px;
}

.n_text .tab_box01 table tr td {
    padding: 16px 0 16px 40px;
}

.n_text .tab_box01 table tr th,
.n_text .tab_box01 table tr td {
    background-image: linear-gradient(to bottom, #f5fcf9 20%, #fafcfc 40%, #fefffe);
}

.n_text .tab_box01 table tr td p {
    display: flex;
    align-items: center;
}

.n_text .tab_box01 table tr td img {
    margin-right: 10px;
}

.n_text .tab_box01 table tr td i {
    color: #666;
    line-height: 30px;
}

.k_box {
    display: flex;
    align-items: center;
}

.k_box p {
    display: flex;
    align-items: center;
    margin-right: 60px;
}

.k_box p img {
    margin-right: 10px;
}

.n_text .ig_box img {
    /* width: 100%; */
    display: block;
    margin: 0 auto;
    padding-bottom: 15px;
}

.bl_box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.n_text .l_box {
    width: 48%;
    margin-bottom: 36px;
}

.n_text .l_box h6 {
    font-size: 20px;
    line-height: 42px;
}

.n_text .l_box p {
    display: flex;
    align-items: baseline;
}

.n_text .l_box p img {
    margin-right: 10px;
}

.n_text .a_box p {
    display: flex;
    align-items: center;
}

.n_text .a_box p img {
    margin-right: 10px;
}

.tab_box02 table tr .t_one {
    width: 10%;
}

.tab_box02 table tr .t_two {
    width: 60%;
}

.tab_box02 table tr .t_three {
    width: 10%;
}

.tab_box02 table tr .t_four {
    width: 10%;
}

.tab_box02 table,
.tab_box02 table th,
.tab_box02 table td {
    border: 1px solid #deeee9;
    border-collapse: collapse;
}

.tab_box02 table tr {
    text-align: center;
    line-height: 42px;
}

.tab_box02 table th {
    font-size: 12px;
    font-weight: normal;
}

.tab_box02 table td {
    font-size: 12px;
    color: #666;
}

.cg1_one {
    padding-bottom: 0;
}

.cg1_one .cg01_ul {
    width: 1140px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.cg1_one .cg01_ul p {
    margin-bottom: 23px;
    box-shadow: 0 0 10px 1px rgba(0, 0, 0, .1);
}

.cg1_one .cg01_ul p img {
    width: 100%;
}

.cg02_box {
    display: flex;
    flex-wrap: wrap;
}

.cg02_box .s_box {
    width: 440px;
    height: 190px;
    border: 1px solid #e5e5e5;
    border-radius: 12px;
    padding: 22px;
    transition: all .5s;
    margin-right: 40px;
    margin-bottom: 50px;
    position: relative;
}

.cg02_box .s0_box {
    margin-right: 0;
}

.cg02_box .s_box .s_th {
    display: flex;
    align-items: center;
}

.cg02_box .s_box:hover .s_th img,
.cg02_box .s_box .s_th .ba_ {
    display: none;
}

.cg02_box .s_box .s_th i {
    display: block;
    margin-left: 5px;
    margin-right: 30px;
    color: #666;
    line-height: 1;
    font-size: 16px;
}

.cg02_box .s_box .line {
    width: 100%;
    height: 1px;
    background-color: #e5e5e5;
    margin: 18px 0;
}

.cg02_box .s_box a {
    line-height: 30px;
    font-size: 16px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
}

.cg02_box .s_box .c_jt {
    position: absolute;
    right: 30px;
    bottom: 20px;
}

.cg02_box .s_box:hover {
    background-color: #0a5f4c;
    transition: all .5s;
}

.cg02_box .s_box:hover a {
    color: #fff;
}

.cg02_box .s_box:hover .s_th i {
    color: #fff;
}

.cg02_box .s_box:hover .s_th .ba_ {
    display: block;
}

.xw01_nav {
    display: flex;
    align-items: center;
    justify-content: center;
}

.xw01_nav p {
    text-align: center;
    width: 180px;
    height: 40px;
    line-height: 40px;
    background-color: #f1f2f3;
    border-radius: 20px;
    margin: 0 25px;
    cursor: pointer;
}

.xw01_nav .active,
.xw01_nav p:hover {
    background-color: #0a5f4c;
    color: #fff;
}

.xw01_nav p:hover a,
.xw01_nav .active a {
    color: #fff;
}

.xw01_box {
    margin-top: 56px;
}

.xw01_box .xw01_s {
    display: flex;
    align-items: center;
    padding: 34px 52px;
    border: 1px solid #e5e5e5;
    border-radius: 12px;
    margin-bottom: 26px;
    transition: all .5s;
}

.xw01_box .xw01_s:hover {
    background-color: #0a5f4c;
    transition: all .5s;
}

.xw01_box .xw01_s .xw01_ig1 {
    display: block;
    width: 332px;
    height: 195px;
    border-radius: 12px;
    overflow: hidden;
    margin-right: 90px;
}

.xw01_box .xw01_s .xw01_ig1 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all .8s;
}

.xw01_box .xw01_s .xw01_ig1:hover img {
    transform: scale(1.1);
    transition: all .8s;
}

.xw01_box .xw01_text {
    width: 670px;
    margin-right: 180px;
}

.xw01_box .xw01_text i {
    display: block;
    color: #333;
    line-height: 20px;
}

.xw01_box .xw01_text .title {
    font-weight: bold;
    font-size: 18px;
    line-height: 48px;
}

.xw01_box .xw01_text p {
    color: #666;
    font-size: 16px;
    line-height: 30px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
}

.xw01_box .xw01_s:hover .xw01_text i,
.xw01_box .xw01_s:hover .xw01_text .title,
.xw01_box .xw01_s:hover .xw01_text p {
    color: #fff;
}

.feny {
    margin-top: 74px;
}

.feny ul {
    display: flex;
    align-items: center;
    justify-content: center;
}

.feny ul li {
    width: 36px;
    height: 36px;
    text-align: center;
    border: 1px solid #eaeaea;
    border-radius: 8px;
    margin: 0 4px;
    transition: all .5s;
}

.feny ul li:first-child {
    width: 72px;
}

.feny ul li:last-child {
    width: 72px;
}

.feny ul li a {
    font-size: 12px;
    line-height: 36px;
    transition: all .5s;
}

.feny ul .active,
.feny ul li:hover {
    background-color: #0a5f4c;
    transition: all .5s;
}

.feny ul .active a,
.feny ul li:hover a {
    color: #fff;
    transition: all .5s;
}

.xw02_back {
    background-color: #fbfafa;
    padding-bottom: 64px;
}

.xw02_text {
    background-color: #fff;
    margin-top: 32px;
}

.xw02_text {
    padding: 50px 70px;
}

.xw02_text .xw02_title {
    text-align: center;
}

.xw02_text .xw02_title p {
    font-size: 20px;
    font-weight: bold;
}

.xw02_text .xw02_title img {
    margin: 20px 0;
}

.xw02_text .xw02_zz {
    display: flex;
    align-items: center;
    justify-content: center;
}

.xw02_text .xw02_zz i {
    margin-left: 8px;
    margin-right: 30px;
}

.xw02_text .line {
    height: 1px;
    width: 100%;
    background-color: #f5f4f4;
    margin: 26px 0;
}

.xw02_text p {
    font-size: 16px;
    line-height: 30px;
}

.xw02_text .ig {
    text-align: center;
}

.xw02_text .ig img {
    width: 100%;
}

.xw02_text .xw02_boot {
    display: flex;
    margin-top: 40px;
}

.xw02_text .xw02_boot .fh {
    display: block;
    width: 160px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border-radius: 8px;
    border: 1px solid #0a5f4c;
    transition: all .5s;
}

.xw02_text .xw02_boot .fh:hover {
    background-color: #0a5f4c;
    color: #fff;
    transition: all .5s;
}

.xw02_boot .sh_ {
    display: flex;
    align-items: center;
}

.xw02_boot .sh_ a {
    font-size: 16px;
    line-height: 30px;
}

.xw02_boot .sh_ a:hover {
    color: #0a5f4c;
}

.lx_box ul {
    display: flex;
    flex-wrap: wrap;
    margin-top: 35px;
}

.lx_box ul li {
    width: 33%;
    padding-left: 140px;
    margin-bottom: 70px;
}

.lx_box ul li i {
    display: block;
    font-size: 16px;
    color: #666;
    line-height: 38px;
    padding-left: 12px;
}

.lx_box ul li p {
    font: bold 16px/32px 'Arial';
    padding-left: 12px;
}

.lx_box ul .qr img {
    border: 1px solid #ededed;
    padding: 10px;
}

.lx_box ul .qr i {
    padding-left: 15px;
}

.map_box {
    width: 100%;
    overflow: hidden;
}

.map_box .lx_map {
    width: 1920px;
    position: relative;
    left: 50%;
    margin-left: -960px;
}

.lx_map .ma_fl {
    width: 50%;
    float: left;
}

.lx_map .ma_fr {
    width: 50%;
    height: 490px;
    float: right;
    background: url(/esimg/lx_img01.png) no-repeat center;
    background-size: 100% 100%;
}

.lx_map .ma_fr .ma_a {
    width: 680px;
    padding-top: 70px;
    padding-left: 40px;
}

.lx_map .ma_fr h5 {
    font-size: 24px;
    line-height: 1;
    color: #fff;
}

.lx_map .ma_fr .ma_a>img {
    margin-top: 23px;
    margin-bottom: 36px;
}

.lx_map .ma_fr form p {
    margin-bottom: 10px;
}

.lx_map .ma_fr form p input {
    width: 300px;
    height: 44px;
    border-radius: 8px;
    padding-left: 20px;
    background-color: rgba(255, 255, 255, .5);
}

.lx_map .ma_fr form textarea {
    width: 100%;
    height: 64px;
    border-radius: 8px;
    padding-left: 20px;
    padding-top: 15px;
    background-color: rgba(255, 255, 255, .5);
}

.lx_map .ma_fr form .yzm {
    position: relative;
}

.lx_map .ma_fr form .yzm .yzm_ {
    height: 44px;
    position: absolute;
    top: 0;
    right: 0;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    opacity: .4;
}

.lx_map .ma_fr form .yzm .sx {
    position: absolute;
    top: 50%;
    right: -28px;
    transform: translateY(-50%);
    cursor: pointer;
}

.lx_map .ma_fr form button {
    width: 180px;
    height: 44px;
    background-color: #3d9884;
    border-radius: 8px;
    color: #fff;
    cursor: pointer;
    transition: all .5s;
}

.lx_map .ma_fr form button:hover {
    box-shadow: 0px 0px 20px 1px #fff;
    transition: all .5s;
}

.lx_map .ma_fr form ::placeholder {
    color: #333;
}


@media (min-width:1400px) {
    .main {
        width: 1400px;
    }

    /*网站地图*/
    .wzdt2 {
        width: 1200px;
        margin: 0 auto;
        margin-bottom: 20px;
    }

    .wzdt_a {
        border: solid 2px #e5e5e5;
        margin-top: 22px;
    }

    .wzdt_a h6 {
        width: 1144px;
        margin: 0 auto;
        border-bottom: 1px solid #f2f2f2;
        margin-top: 5px;
    }

    .wzdt_a h6 a {
        font-size: 16px;
        color: #505050;
        font-weight: bold;
        line-height: 45px;
    }

    .wzdt_a p {
        margin: 0 25px;
    }

    .wzdt_a p a {
        color: #505050;
        line-height: 42px;
        margin-right: 15px;
    }

    .wzdt_a p a:hover {
        color: #0665d0
    }

    /*404*/
    .fzfbox {
        width: 100%;
        margin: 0 auto;
        background: #f9f9f9;
        padding: 100px 30px;
        margin-bottom: -30px;
    }

    .fzf1 {
        width: 1011px;
        margin: 20px auto;
    }

    .fzf1 img {
        width: 100%;
        margin: 0 auto;
    }

    .fzf2 {
        width: 100%;
        margin: 0 auto;
    }

    .fzf2 p {
        font-size: 36px;
        color: #434343;
        text-align: center;
        line-height: 50px;
    }

    .fzf2-1 {
        width: 100%;
        margin: 0 auto;
    }

    .fzf2-1 p {
        font-size: 26px;
        color: #434343;
        text-align: center;
        line-height: 50px;
    }

    .fzf2-1 p span {
        color: #333;
    }

    .fzf3 {
        width: 430px;
        margin: 20px auto;
        margin-top: 40px;
    }

    .fzf3z {
        float: left;
    }

    .fzf3z img {
        width: 100%;
        margin: 0 auto;
    }

    .fzf3y {
        float: right;
    }

    .fzf3y img {
        width: 100%;
        margin: 0 auto;
    }

    /*404*/
}

@media screen and (min-width:1400px) and (max-width:1599px) {
    .page06 .swiper04 {
        width: 100%;
    }

    .page05 .prev03 {
        left: 10px;
    }

    .page05 .next03 {
        right: 10px;
    }

    .page05 .sw_03 .swiper-slide {
        padding: 0 100px;
    }

    .sw_back .arrow1 .sw_02 {
        width: 1300px;
        margin: 0 auto;
    }

    .page05 .prev03,
    .arrow1 .prev16,
    .arrow1 .prev15,
    .arrow1 .prev14,
    .arrow1 .prev13,
    .arrow1 .prev12,
    .arrow1 .prev11 {
        left: 30px;
    }

    .page05 .next03,
    .arrow1 .next16,
    .arrow1 .next15,
    .arrow1 .next14,
    .arrow1 .next13,
    .arrow1 .next12,
    .arrow1 .next11 {
        right: 30px;
    }

}

@media screen and (min-width:1000px) and (max-width:1399px) {

    /*网站地图*/
    .wzdt2 {
        width: 90%;
        margin: 0 auto;
        margin-bottom: 20px;
    }

    .wzdt_a {
        border: solid 2px #e5e5e5;
        margin-top: 22px;
    }

    .wzdt_a h6 {
        width: 95%;
        margin: 0 auto;
        border-bottom: 1px solid #f2f2f2;
        margin-top: 5px;
    }

    .wzdt_a h6 a {
        font-size: 16px;
        color: #505050;
        font-weight: bold;
        line-height: 45px;
    }

    .wzdt_a p {
        margin: 0 25px;
    }

    .wzdt_a p a {
        color: #505050;
        line-height: 42px;
        margin-right: 15px;
    }

    .wzdt_a p a:hover {
        color: #0665d0
    }

    /*网站地图*/
    /*404*/
    .fzfbox {
        width: 100%;
        margin: 0 auto;
        background: #f9f9f9;
        padding: 30px;
        margin-bottom: 20px;
    }

    .fzf1 {
        width: 90%;
        margin: 15px auto;
    }

    .fzf1 img {
        width: 100%;
        margin: 0 auto;
    }

    .fzf2 {
        width: 100%;
        margin: 0 auto;
    }

    .fzf2 p {
        font-size: 18px;
        color: #434343;
        text-align: center;
        line-height: 30px;
    }

    .fzf2-1 {
        width: 100%;
        margin: 0 auto;
    }

    .fzf2-1 p {
        font-size: 16px;
        color: #434343;
        text-align: center;
        line-height: 30px;
    }

    .fzf2-1 p span {
        color: #333;
    }

    .fzf3 {
        width: 310px;
        margin: 30px auto;
    }

    .fzf3z {
        float: left;
    }

    .fzf3z img {
        width: 100%;
        margin: 0 auto;
    }

    .fzf3y {
        float: right;
    }

    .fzf3y img {
        width: 100%;
        margin: 0 auto;
    }

    /*404*/
    .main {
        width: 96%;
    }

    .h_nav .ul_a ul {
        width: 90vw;
    }

    .page06 .swiper04 {
        width: 100%;
    }

    .h_nav .ul_a>a {
        font-size: 14px;
    }

    .h_nav .h_logo .h_pho {
        margin-left: 20px;
    }

    .h_nav .h_logo .h_pho h4 {
        font-size: 15px;
    }

    .h_nav .h_logo .h_pho p {
        font-size: 20px;
    }

    .n_nav>ul li {
        width: 120px;
    }

    .sw_back .arrow1 .sw_02 {
        width: 100%;
    }

    .page05 .prev03,
    .arrow1 .prev16,
    .arrow1 .prev15,
    .arrow1 .prev14,
    .arrow1 .prev13,
    .arrow1 .prev12,
    .arrow1 .prev11 {
        left: 10px;
    }

    .page05 .next03,
    .arrow1 .next16,
    .arrow1 .next15,
    .arrow1 .next14,
    .arrow1 .next13,
    .arrow1 .next12,
    .arrow1 .next11 {
        right: 10px;
    }

    .page04 .swiper02 {
        width: 90%;
    }

    .page05 .sw_03 .swiper-slide {
        padding: 0px 40px;
    }

    .page07 .p_fl .n_box {
        margin-top: 30px;
    }

    .page07 .p_fr a {
        height: auto;
    }

    .page07 ul li {
        width: 24%;
        padding-left: 20px;
    }

    .page07 ul li img {
        margin-right: 10px;
    }

    .page08 .new_fr .n_l {
        margin-right: 20px;
    }

    .page08 .new_fr .n_r p {
        width: 300px;
    }

    .page08 .new_fr .n_r a {
        display: block;
        width: 300px;
    }

    .page08 .new_fl,
    .page08 .new_fr {
        height: auto;
    }

    .p09_back {
        width: 1400px;
        margin-left: -700px;
        background-size: 100% 100%;
    }

    .page09 .lx_fl {
        padding: 70px 0 90px 180px;
    }

    .page09 .lx_fr {
        width: 38%;
        padding-left: 0;
        margin-right: 200px;
    }

    .page09 .lx_fr .new-form input,
    .page09 .lx_fr form input {
        width: 240px;
    }

    .page09 .lx_fr .new-form #btnPcSubmit,
    .page09 .lx_fr form button {
        width: 120px;
        padding-left: 0;
    }

    .p10_fr .nav_box {
        margin: 0 15px;
    }

    .b_an {
        margin-top: 70px;
        margin-bottom: 40px;
    }

    .gy02_box {
        padding: 0 15px;
    }

    .b_box .f_box {
        justify-content: space-evenly;
    }

    .map_box .lx_map {
        width: 1400px;
        margin-left: -700px;
    }

    .lx_map .ma_fr .ma_a {
        width: 70%;
        padding-left: 40px;
        margin-right: 200px;
    }

    .lx_map .ma_fr form p input {
        width: 200px;
    }

    .n_text .t_width {
        width: 60%;
    }

    .cg02_box .s_box {
        width: 30%;
    }

    .xw01_box .xw01_s .xw01_ig1 {
        margin-right: 40px;
    }

    .xw01_box .xw01_text {
        margin-right: 10%;
    }
}

@media screen and (min-width:1000px) and (max-width:1299px) {
    #gallery .ga_left {
        margin-right: 100px;
    }

    #gallery .swiper-slide .ga_right .tex_ {
        width: 420px;
    }
}

@media screen and (min-width:1200px) and (max-width:1399px) {
    .n_text .t_width {
        width: 68%;
    }
}

@media screen and (min-width:1000px) and (max-width:1199px) {
    .n_text .t_width {
        width: 60%;
    }

    .n_text h5 {
        font-size: 18px;
    }

    .cg1_one .cg01_ul {
        width: 980px;
    }
}

@media (min-width:1000px) {
    .tel {
        display: none !important;
    }

    /* 注重：当swiper中少于5个  添加sw_5类名 */
    /* .sw_05 .swiper-slide {
        width: auto !important;
        padding: 36px 20px 0;
        margin: 0 15px;
    } */
}

@media (max-width:999px) {

    /*网站地图*/
    .wzdt2 {
        width: 96%;
        margin: 0 auto;
        margin-top: 110px;
        margin-bottom: 20px;
    }

    .wzdt_a {
        border: solid 2px #e5e5e5;
        margin-top: 22px;
    }

    .wzdt_a h6 {
        width: 96%;
        margin: 0 auto;
        border-bottom: 1px solid #f2f2f2;
        margin-top: 5px;
    }

    .wzdt_a h6 a {
        font-size: 16px;
        color: #505050;
        font-weight: bold;
        line-height: 45px;
    }

    .wzdt_a p {
        margin: 0 25px;
    }

    .wzdt_a p a {
        color: #505050;
        line-height: 42px;
        margin-right: 15px;
    }

    .wzdt_a p a:hover {
        color: #0665d0
    }

    /*网站地图*/
    /*404*/
    .fzfbox {
        width: 100%;
        margin: 0 auto;
        background: #f9f9f9;
        padding: 30px;
        margin-bottom: 20px;
        margin-top: 100px;
    }

    .fzf1 {
        width: 90%;
        margin: 15px auto;
    }

    .fzf1 img {
        width: 100%;
        margin: 0 auto;
    }

    .fzf2 {
        width: 100%;
        margin: 0 auto;
    }

    .fzf2 p {
        font-size: 18px;
        color: #434343;
        text-align: center;
        line-height: 30px;
    }

    .fzf2-1 {
        width: 100%;
        margin: 0 auto;
    }

    .fzf2-1 p {
        font-size: 16px;
        color: #434343;
        text-align: center;
        line-height: 30px;
    }

    .fzf2-1 p span {
        color: #333;
    }

    .fzf3 {
        width: 310px;
        margin: 30px auto;
    }

    .fzf3z {
        float: left;
    }

    .fzf3z img {
        width: 100%;
        margin: 0 auto;
    }

    .fzf3y {
        float: right;
    }

    .fzf3y img {
        width: 100%;
        margin: 0 auto;
    }

    /*404*/
    .sw_02 .swiper-slide {
        height: 220px;
        padding-top: 15px;
    }

    .sw_02 .swiper-slide .rz {
        font-size: 12px;
        width: 80px;
        height: 24px;
        line-height: 24px;
        bottom: 20px;

    }

    .sw_02 .swiper-slide i {
        font-size: 12px;
        margin: 10px 0;
    }

    .sw_02 .swiper-slide>a {
        text-align: center;
    }

    .sw_02 .swiper-slide>a img {
        width: 80%;
    }

    .b_box .f_box {
        padding-left: 0;
        justify-content: space-between;
    }

    .b_box .s_box {
        width: 48%;
        text-align: center;
        margin-right: 0;
        box-shadow: 0 0 10px 1px rgba(0, 0, 0, .1);
    }

    .b_box .s_box a {
        display: block;
        width: 80%;
    }

    .n_nav01 {
        justify-content: space-between;
    }

    .n_nav01 li {
        width: 48%;
        margin: 5px 0;
    }

    .n_nav01 li p {
        font-size: 14px;
    }

    .cg1_one .cg01_ul {
        width: 90%;
    }

    .cg1_one .cg01_ul p {
        width: 48%;
    }

    .pc,
    #fixed {
        display: none !important;
    }

    .h_top {
        display: none;
    }

    .main {
        width: 90%;
    }

    header {
        width: 100% !important;
        height: 90px;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 1000;
        background-color: rgba(255, 255, 255, .8);
    }

    header .th_nav {
        height: 90px;
        display: flex;
    }

    .th_logo {
        display: block;
        width: auto;
    }

    .th_logo img {
        width: 90%;
    }

    .th_nav>h5 {
        font-size: 16px;
        font-weight: bold;
        color: #0a5f4c;
    }

    .th_bt img {
        width: 30px;
    }

    .th_hk {
        background: rgba(0, 0, 0, 0.5);
        position: fixed;
        top: 0;
        right: -100%;
        transition: all .5s;
        width: 100vw;
        height: 100vh;
        z-index: 1000;
    }

    .th_hk .th_fr {
        width: 80%;
        height: 100%;
        background-color: #fff;
        overflow-y: scroll;
        padding-top: 75px;
        position: relative;
    }

    .th_hk .th_fr .th_gb {
        position: absolute;
        top: 5%;
        right: 5%;
        cursor: pointer;
    }

    .th_hk .on {
        line-height: 60px;
    }

    .th_hk .on a {
        font: 18px/60px '微软雅黑';
        padding-left: 3vw;
    }

    .th_hk .active>a,
    .th_hk .on:hover>a {
        display: block;
        width: 100%;
        line-height: 60px;
        background-color: #eee;
        color: #0a5f4c;
        font-weight: bold;
    }

    .th_hk .on ul {
        display: none;
    }

    .th_hk .active ul {
        display: block;
        height: auto;
    }

    .th_hk .active ul li {
        height: 60px;
    }

    .th_hk .active ul li a {
        display: block;
        line-height: 60px;
        padding-left: 30px;
    }

    .th_hk .active ul li a:hover {
        background-color: #eee;
        color: #0a5f4c;
        font-weight: bold;
    }

    .th_hk .active ul .h_active a {
        color: #0a5f4c;
    }

    .banner {
        margin-top: 90px;
    }

    .sw_01 {
        width: 100%;
        left: 0;
        margin-left: 0;
    }

    .sw_01 .swiper-slide a>img {
        width: 100%;
    }

    .banner .keyword {
        display: none;
    }

    .banner .swiper-container-horizontal>.swiper-pagination-bullets {
        bottom: 5%;
    }

    .title {
        margin-top: 20px;
    }

    .title h3 {
        font-size: 20px;
        line-height: 40px;
    }

    .title p {
        font-size: 16px;
        line-height: 30px;
    }

    .title img {
        margin-bottom: 40px;
    }

    .n_nav {
        width: 100%;
        overflow: hidden;
    }

    .n_nav>ul li p {
        font-size: 14px;
        width: auto;
    }

    .n_nav .swiper_t05 {
        width: 90%;
        margin: 0 auto;
    }

    .swiper_t05 .swiper-slide {
        padding: 5px 0;
        border-radius: 20px;
        text-align: center;
    }

    #ul_five .active {
        background-color: #0a5f4c;
        color: #fff;
    }

    .sw_back {
        padding-bottom: 50px;
    }

    .sw_back .arrow1 .sw_02 {
        width: 100%;
        margin: 0 auto;
        padding: 20px 0;
    }

    .page05 .prev03,
    .arrow1 .prev16,
    .arrow1 .prev15,
    .arrow1 .prev14,
    .arrow1 .prev13,
    .arrow1 .prev12,
    .arrow1 .prev11 {
        display: none;
        /* left: -10px; */
    }

    .page05 .next03,
    .arrow1 .next16,
    .arrow1 .next15,
    .arrow1 .next14,
    .arrow1 .next13,
    .arrow1 .next12,
    .arrow1 .next11 {
        display: none;
        /* right: -10px; */
    }

    /* 
    .sw_05 .swiper-slide {
        margin: 0;
        padding: 0 10px;
        padding-top: 24px;
    } */


    .page03_t {
        background: url(/esimg/tel_back01.png) no-repeat center;
        background-size: 100% 100%;
        padding-bottom: 100px;
    }

    .page03_ult {
        flex-direction: column;
    }

    .page03_ult .p_ult {
        display: flex;
        width: 80%;
        margin: 0 auto;
        margin-bottom: 50px;
        transition: all .5s;
    }

    .page03_ult .p_ult:hover {
        width: 90%;
        background-color: rgba(255, 255, 255, .3);
        padding: 30px;
        border-radius: 12px;
        transition: all .5s;
    }

    .page03_ult .p_ult .t_img img {
        width: 55px;
        margin-right: 25px;
    }

    .page03_ult .p_ult .big_img {
        display: none;
    }

    .page03_ult .p_ult .t_text h4 {
        font-size: 16px;
        font-weight: bold;
        color: #fff;
        line-height: 30px;
    }

    .page03_ult .p_ult .t_text p {
        font-size: 12px;
        color: #c8c7d3;
        line-height: 20px;
    }

    .page04 .swiper02_tel {
        width: 90%;
        height: 200px;
        margin: 0 auto;
        position: relative;
    }

    .swiper02_tel .swiper-slide {
        border-radius: 8px;
        overflow: hidden;
    }

    .swiper02_tel .swiper-slide img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .page04 .text {
        padding: 10px 20px;
    }

    .page04 .text .t_top img {
        width: 30px;
    }

    .page04 .text h4 {
        font-size: 16px;
        line-height: 30px;
    }

    .page04 .text b {
        font-size: 30px;
        font-family: '微软雅黑';
    }

    .page04 #ul_07 {
        width: 80%;
        height: auto;
        position: absolute;
        top: 18%;
        left: 10%;
        z-index: 100;
    }

    .page04 .text p {
        font-size: 12px;
        line-height: 1.5;
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
        -webkit-line-clamp: 4;
    }

    .page04 .text p img {
        display: block;
        float: left;
        margin-top: 5px;
    }

    .page04 .prev02,
    .page04 .next02 {
        width: 30px;
        height: 30px;
    }

    .page04 .prev02 {
        top: 60%;
        left: -15px;
    }

    .page04 .next02 {
        top: 60%;
        right: -15px;
    }

    .page05 {
        padding-bottom: 25px;
        background: url(/esimg/tel_back03.png) no-repeat center;
        background-size: 100% 100%;
        padding-top: 0;
    }

    .page05 .swiper03_t {
        width: 90%;
        margin: 0 auto;
        overflow: hidden;
    }

    .page05 .swiper03_t img {
        width: 100%;
    }

    .page05 .swiper-container-horizontal>.swiper-pagination-bullets {
        bottom: 0;
    }

    .page05 .swiper-pagination02 {
        text-align: center;
        margin-top: 30px;
    }

    .page05 .swiper-pagination-bullet {
        width: 26px;
        height: 4px;
        background-color: #ccc;
        border-radius: 0;
        margin: 0 4px;
    }

    .page05 .swiper-pagination-bullet-active {
        background-color: #0a5f4c;
        width: 26px;
        height: 4px;
    }

    .page05 .title img {
        margin-bottom: 30px;
    }

    .page06>a {
        margin-top: 20px;
        width: 100px;
        height: 30px;
        line-height: 30px;
    }

    .p06_box {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .p06_box .p06_lis {
        width: 30%;
        margin-bottom: 30px;
        box-shadow: 0px 0px 20px 2px #dee4eb;
    }

    .p06_box .p06_lis img {
        width: 100%;
    }

    .page07 {
        padding-top: 20px;
        padding-bottom: 50px;
    }

    .page07 .p_fr a {
        height: auto;
    }

    .page07 .p_fr,
    .page07 .p_fl {
        width: 100%;
    }

    .page07 .p_fl b {
        font-size: 16px;
        line-height: 60px;
    }

    .page07 .p_fl .n_box {
        margin-top: 40px;
    }

    .page07 .p_fl .num {
        margin-right: 0;
    }

    .page07 .p_fl .num01 {
        margin-right: 20px;
    }

    .page08_title {
        margin-top: 40px;
    }

    .page08_title .ti_fl {
        text-align: center;
        float: none;
    }

    .page08_title .ti_fl h3 {
        font-size: 20px;
        line-height: 40px;
    }

    .page08_title .ti_fl p {
        font-size: 16px;
    }

    .page08_title .ti_fr {
        margin-top: 0;
        float: none;
    }

    .page08_title .ti_fr li p {
        width: 80px;
        height: 30px;
        line-height: 30px;
    }

    .page08_title .ti_fr li span {
        margin: 0;
    }

    .page08 .new_fl,
    .page08 .new_fr {
        width: 100%;
        height: auto;
    }

    .page08 .new_fl {
        margin: 20px 0;
    }

    .page08 .new_fl .new_box .date {
        width: 100%;
        height: 62px;
        background-color: rgba(10, 95, 76, .8);
        position: absolute;
        bottom: 0;
        left: 0;
        border-bottom-left-radius: 12px;
        border-bottom-right-radius: 12px;
        padding: 0 10px;
        opacity: 1;
    }

    .page08 .new_fl .new_box .text,
    .page08 .new_fl .new_box .date p {
        font-size: 12px;
    }

    .page08 .new_fl .new_box .date p {
        margin-right: 10px;
    }

    .page08 .new_fr .n_r a,
    .page08 .new_fr .n_l b {
        font-size: 14px;
        display: block;
        width: 100%;
    }

    .page08 .new_fr .n_r {
        width: 70%;
    }

    .page08 .new_fr .n_r p,
    .page08 .new_fr .n_l i {
        font-size: 12px;
        width: 100%;
    }

    .page08 .new_fr .n_l {
        margin-right: 20px;
    }

    .page08 .new_fr .new_ul {
        padding: 10px 10px 15px;
    }

    .page08 .new_fr>span {
        display: block;
        width: 100%;
        height: 1px;
        background-color: #c9c9c9;
        margin: 10px 0;
    }

    .page08 .new_fr>a {
        display: block;
        text-align: center;
        width: 100px;
        height: 30px;
        line-height: 30px;
        font-size: 14px;
        border-radius: 15px;
        margin: 0 auto;
        background-color: #0a5f4c;
        color: #fff;
        margin-top: 30px;
    }

    .p09_back {
        margin-top: 0;
        width: 100%;
        left: 0;
        margin-left: 0;
        background: url(/esimg/tel_back02.png) no-repeat center;
        background-size: 100% 100%;
        padding-bottom: 40px;
    }

    .page09 .lx_fr {
        width: 100%;
        padding-top: 20px;
        padding-left: 0;
    }

    .page09 .lx_fr .new-form>p,
    .page09 .lx_fr form>p {
        width: 48%;
    }

    .page09 .lx_fr .new-form>.te_,
    .page09 .lx_fr form>.te_ {
        width: 100%;
    }

    .page09 .lx_fr .new-form>.y_btn,
    .page09 .lx_fr form>.y_btn {
        width: 100px;
    }

    .page09 .lx_fr .new-form input,
    .page09 .lx_fr form input {
        width: 100%;
    }

    .page09 .lx_fr .new-form #btnPcSubmit,
    .page09 .lx_fr form button {
        width: 100px;
        padding-left: 0;
        color: #fff;
    }

    .page09 .lx_fr .new-form .yzm .yzm_,
    .page09 .lx_fr form .yzm .yzm_ {
        display: block;
        width: 70px;
    }

    .page09 .lx_fr .new-form .yzm .yzm_ img,
    .page09 .lx_fr form .yzm .yzm_ img {
        width: 100%;
        height: 100%;
        border-top-right-radius: 8px;
        border-bottom-right-radius: 8px;
    }

    .page09 .lx_fr h5 {
        font-size: 18px;
    }

    .ly {
        margin-top: 50px;
    }

    .ly .lx_fl h5 {
        font-size: 16px;
        line-height: 70px;
        font-weight: bold;
    }

    .ly .lx_fl>.p_box {
        position: relative;
    }

    .ly .lx_fl>.p_box p,
    .ly .lx_fl>.p_box b {
        line-height: 34px;
    }

    .ly .lx_fl>.p_box b {
        color: #0a5f4c;
        font-size: 16px;
        font-weight: bold;
    }

    .ly .lx_fl>.p_box .p_tex {
        justify-content: flex-start
    }

    .ly .lx_fl>.p_box .p_tex img {
        margin-right: 10px;
    }

    .ly .lx_fl>.p_box .tel_qr {
        width: 120px;
        position: absolute;
        top: -15px;
        right: 0;
    }

    .ly .lx_fl>.p_box .tel_qr img {
        width: 100%;
    }

    .ly .lx_fl>.p_box .tel_qr p {
        text-align: center;
    }

    .b_an {
        margin-top: 50px;
        margin-bottom: 130px;
    }

    .b_an a,
    .b_an p {
        font-size: 12px;
    }


    .fixed_nav {
        width: 100%;
        height: 90px;
        position: fixed;
        bottom: 0;
        left: 0;
        z-index: 100;
    }

    .fixed_nav ul {
        justify-content: space-around;
        height: 100%;
        background-color: #fff;
    }

    .fixed_nav ul li {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 25%;
    }

    .fixed_nav ul li>.ic {
        width: 25px;
    }

    .fixed_nav ul li>.ic img {
        width: 100%;
    }

    .fixed_nav ul li>.tx {
        margin: 5px 0;
    }

    .fixed_nav ul li:hover>.tx,
    .fixed_nav ul .active>.tx {
        color: #0a5f4c;
    }

    .fixed_nav ul li .ic .red,
    .fixed_nav ul .active .ic img {
        display: none;
    }

    .fixed_nav ul .active .ic .red {
        display: block;
    }

    @keyframes bounce_a {

        0%,
        20%,
        53%,
        80%,
        100% {
            -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
        }

        40%,
        43% {
            -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
            transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
            -webkit-transform: translate3d(0, -14px, 0);
            transform: translate3d(0, -14px, 0);
        }

        70% {
            -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
            transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
            -webkit-transform: translate3d(0, -6px, 0);
            transform: translate3d(0, -6px, 0);
        }

        90% {
            -webkit-transform: translate3d(0, -1px, 0);
            transform: translate3d(0, -1px, 0);
        }
    }

    .bounce_a {
        -webkit-animation-name: bounce_a;
        animation-name: bounce_a;
        -webkit-transform-origin: center bottom;
        -ms-transform-origin: center bottom;
        transform-origin: center bottom;
    }

    .fixed_nav .fix_tel {
        width: 49px;
        position: absolute;
        left: calc(50% - 25px);
        top: -22px;
        animation: bounce_a 2s infinite;
    }

    .fixed_nav .fix_tel a {
        display: block;
        width: 45px;
        height: 45px;
    }

    .fixed_nav .fix_tel a img {
        width: 100%;
    }

    .map_box .lx_map {
        width: 100%;
        left: 0;
        margin-left: 0;
    }

    .lx_map .ma_fr,
    .lx_map .ma_fl {
        float: none;
    }

    .lx_map .ma_fr {
        width: 100%;
        height: auto;
    }

    .lx_map .ma_fr .ma_a {
        width: 100%;
        padding: 2% 5%;
    }

    .lx_map .ma_fr h5 {
        font-size: 18px;
    }

    .lx_map .ma_fr form p {
        width: 48%;
    }

    .lx_map .ma_fr form .te_ {
        width: 100%;
    }

    .lx_map .ma_fr form p input {
        width: 100%;
    }

    .lx_map .ma_fr form .yzm .yzm_ {
        display: block;
        width: 70px;
    }

    .lx_map .ma_fr form button {
        width: 100px;
    }

    .title06 {
        margin-top: 100px;
    }

    .title06 img {
        margin-bottom: 20px;
    }

    .text_box01 h5 {
        font-size: 16px;
        line-height: 2;
    }

    .text_box01 .text_yw .w_yw01 {
        width: auto;
    }

    .text_box01 .text_yw {
        margin-bottom: 0;
    }

    .text_box01 .text_h4 h4 {
        font-size: 14px;
    }

    .n_qywh {
        padding-bottom: 50px;
    }

    .qy_text {
        padding: 4%;
        width: 100%;
        height: 43%;
    }

    .n_qywh .qy_text ._ig img {
        width: 20px;
    }

    .n_qywh .qy_text ._ig b {
        font-size: 14px;
        line-height: 24px;
    }

    .n_qywh .qy_text p {
        margin-top: 0px;
        font-size: 12px;
    }

    .n_qywh .swiper-pagination-bullet {
        width: 25px;
        margin: 0 5px;
    }

    .n_qywh .swiper-pagination-bullet-active {
        width: 35px;
    }

    .n_qywh .swiper-pagination03 {
        bottom: 15px;
    }

    .n_qywh .qy_text span {
        margin: 0 10px;
    }

    .n_zzjg {
        padding-bottom: 60px;
    }

    .n_zzjg .title {
        left: 5%;
    }

    .n_zzjg>img {
        padding-top: 80px;
        display: block;
    }

    #gallery .ga_left {
        margin-right: 0;
    }

    .n_fzlc #thumbs .swiper-slide p {
        font-size: 24px;
        line-height: 68px;
    }

    .page04 {
        padding-bottom: 106px;
    }

    .n_text .ig_ {
        display: none;
    }

    .n_text .t_width {
        width: 100%;
    }

    .n_text {
        padding: 10px 10px 50px;
    }

    .n_text .tab_box01 table tr td p {
        align-items: baseline;
    }

    .n_text .tab_box01 table tr th {
        font-size: 12px;
        padding: 10px 0;
        text-align: center;
    }

    .n_text .tab_box01 table tr td {
        font-size: 12px;
        padding: 10px 5px;
    }

    #gallery {
        margin-bottom: 30px;
    }

    #gallery .ga_left .back_,
    #gallery .swiper-slide .ga_right h4 {
        display: none;
    }

    #gallery .swiper-slide {
        flex-direction: column;
    }

    #gallery .ga_left .ig_ img {
        width: 100%;
    }

    #gallery .swiper-slide .ga_right .tex_ {
        width: 100%;
        margin-top: 10px;
    }

    .n_qyfw {
        justify-content: space-between;
    }

    .gy02_box {
        width: 48%;
        margin-right: 0;
        padding: 0 5px;
        box-shadow: 5px 5px 0px 0px #e5ebf0;
        overflow: auto;
    }

    .gy02_box .b_text .b_tx p a,
    .gy02_box .b_text .b_tx p {
        font-size: 12px;
        line-height: 2;
    }

    .gy02_box .b_text .b_tx {
        align-items: baseline;
        width: 100%;
    }


    .gy02_box .t_title {
        padding-left: 0;
    }

    .gy02_box .t_title b {
        font-size: 12px;
    }

    .gy02_box:hover {
        box-shadow: 0px 0px 5px 5px #e5ebf0;
    }

    .n_text h5 {
        font-size: 18px;
        line-height: 1.5;
        align-items: baseline;
        margin-bottom: 10px;
    }

    .n_text .line {
        margin-bottom: 20px;
    }

    .tab_box02 table tr .t_four,
    .tab_box02 table tr .t_one {
        width: 20%;
    }

    .tab_box02 table tr .t_three {
        width: 15%;
    }

    .tab_box02 table tr .t_two {
        width: 45%;
    }

    .k_box {
        flex-wrap: wrap;
    }

    .n_text .l_box h6 {
        font-size: 16px;
        line-height: 1.5;
    }

    .n_text .l_box {
        width: 100%;
    }

    .bl_box {
        display: block;
    }

    .cg02_box .s_box {
        margin-right: 0;
    }

    .xw01_box .xw01_s {
        flex-direction: column;
        padding: 20px;
    }

    .xw01_box .xw01_s .xw01_ig1 {
        width: 100%;
        margin-right: 0;
    }

    .xw01_box .xw01_text {
        width: 100%;
        margin-right: 0;
        margin-top: 10px;
    }

    .xw01_box .xw01_ic {
        display: none;
    }

    .xw01_box .xw01_text .title {
        font-size: 16px;
        line-height: 1.5;
        text-align: left;
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
    }

    .xw01_nav p {
        width: 30%;
        margin: 0;
    }

    .xw01_nav {
        justify-content: space-between;
    }

    .xw01_box {
        margin-top: 30px;
    }

    .xw02_text {
        padding: 0;
    }

    .xw02_boot .sh_ a {
        font-size: 12px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .xw02_text .xw02_boot .sh_ p {
        margin-bottom: 0;
        width: 35%;
    }

    .xw02_text .xw02_boot .sh_ {
        width: auto;
        justify-content: flex-start;
    }

    .xw02_text .xw02_boot .fh {
        width: 100px;
    }

    .lx_box ul {
        justify-content: space-between;
        margin-top: 10px;
    }

    .lx_box ul li {
        padding-left: 0;
        width: 48%;
        margin-bottom: 30px;
    }

    .lx_box ul li p {
        padding-left: 0;
        font-size: 14px;
        line-height: 1.5;
    }

    .lx_box ul li i {
        line-height: 1.5;
    }

    .n_text .ig_box img {
        width: 100%;
    }

    .text_box01 .text_h4 h4::before {
        display: none;
    }

    .page05_n>img {
        width: 100%;
    }
}

@media (max-width:450px) {
    .b_box .f_box {
        padding-left: 0;
        justify-content: space-between;
    }

    .b_box .s_box {
        width: 48%;
        height: 270px;
        margin-right: 0;
        box-shadow: 0 0 10px 1px rgba(0, 0, 0, .1);
    }

    .b_box .s_box a {
        display: block;
        width: 80%;
    }

    .b_box .s_box a img {
        width: 100%;
    }
}<!--耗时1775927569.1156秒-->