#myvd_play {
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999999;
    background-color: #000;
}

#myvd_play .myvd_warp {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

#myvd_play .myvd_warp video {
    width: 100%;
    display: block;
    margin: 0 auto;
}

.my_close:before {
    content: " ";
    width: 32px;
    height: 4px;
    transform: rotate(45deg);
    background-color: #fff;
    position: absolute;
    top: 0;
    right: 0;
}

.my_close {
    position: relative;
    width: 100%;
    margin: 0 auto;
    height: 35px;
    cursor: pointer;
}

.my_close:after {
    content: " ";
    width: 32px;
    height: 4px;
    transform: rotate(315deg);
    background-color: #fff;
    position: absolute;
    top: 0;
    right: 0;
}

.mtxt-black {
    font-size: 32px;
    color: #262626;
    line-height: 42px;
    font-weight: bold;
}

select::-ms-expand {
    display: none;
}

.tl {
    text-align: left !important;
}

.ws {
    white-space: nowrap;
}

.no-link {
    cursor: default;
}

.g-txt {
    color: #029439;
}

.tcp-skin .vjs-big-play-button,
.tcp-skin .vjs-big-play-button .vjs-button-icon {
    width: 80px !important;
    height: 80px !important;
}


/*水平轮播*/

.vjs-poster {
    background-size: cover;
}

.swiper-banner {
    height: 100vh;
    width: 100%;
    overflow: hidden;
    --swiper-navigation-size: 40px;
    --swiper-navigation-color: #ffff;
    position: relative;
    background: #000;
}

.swiper-banner:after {
    content: "";
    display: inline-block;
    width: 100%;
    height: 120px;
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.60) 72%);
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1000;
}

.swiper-banner .swiper-pagination {
    z-index: 1001;
}

.swiper-banner.swiper-container-horizontal>.swiper-pagination-bullets {
    bottom: 25px;
}

.swiper-banner .swiper-button-prev {
    left: 4%;
    top: inherit;
    bottom: 40px;
    opacity: 0.6;
    z-index: 1001;
}

.swiper-banner .swiper-button-next {
    right: 4%;
    top: inherit;
    bottom: 40px;
    opacity: 0.6;
    z-index: 1001;
}

.swiper-banner .swiper-button-next:after {
    content: "";
    display: inline-block;
    width: 27px;
    height: 44px;
    background-image: url(../image/next-w.svg);
    background-repeat: no-repeat;
    background-size: 27px 44px;
}

.swiper-banner .swiper-button-prev:after {
    content: "";
    display: inline-block;
    width: 27px;
    height: 44px;
    background-image: url(../image/prev-w.svg);
    background-repeat: no-repeat;
    background-size: 27px 44px;
}

.swiper-banner .swiper_content {
    position: absolute;
    width: 100%;
    padding-left: 17%;
    text-align: left;
    z-index: 20;
    top: 50%;
    transform: translateY(-50%);
}

.swiper-banner .swiper_content.ban-con-right {
    padding-left: 60%;
    left: inherit;
}

.swiper-banner .swiper_content .swiper-tt {
    font-size: 42px;
    color: #FFFFFF;
    font-weight: bold;
    line-height: 56px;
}

.swiper-banner .swiper_content .swiper-sub-tt {
    font-size: 20px;
    color: #FFFFFF;
    font-weight: bold;
    margin-top: 10px;
    line-height: 30px;
    font-weight: normal;
    margin-top: 20px;
}


/*水平轮播end*/

.park-banner {
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat;
}

.tag {
    border-radius: 2px;
    padding: 0px 3px;
    font-size: 14px;
    color: #FFFFFF;
    margin-right: 5px;
    display: inline-block;
    font-weight: bold;
    line-height: 20px;
}

.tag-green {
    background: #51A7A3;
}

.tag-cyan {
    background: #B0BF50;
}

.container.container-pd {
    padding-top: 65px;
}

.container.container-no-pad-pc {
    padding-top: 0px;
}

.main-banner {
    width: 100%;
    height: calc(100vw * 0.4069);
    position: relative;
    /*overflow: hidden;*/
}

.main-banner:after {}

.main-banner.main-banner-nobg:after {
    background-image: none
}

.main-banner.m-baner-no:after {
    display: none;
}

.main-banner>img {
    height: 100%;
}

.full-banner.Inner {
    background: #000;
}

.main-banner.full-banner {
    height: 100vh;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
}

.middle-banner {
    height: calc(100vw * 0.222);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    margin-bottom: 60px;
    margin-top: 60px;
    position: relative;
}

.middle-banner .middle-txt {
    position: absolute;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
    font-size: 32px;
    color: #029439;
    text-align: center;
    line-height: 42px;
    font-weight: bold;
}

.middle-banner .middle-txt.txtr {
    width: 80%;
    max-width: 1140px;
    margin: 0 auto;
    text-align: right;
    left: 50%;
    transform: translate(-50%, -50%);
}

.wrap {
    width: 80%;
    max-width: 1140px;
    margin: 0 auto;
}

.content {
    position: relative;
}

.banner-box {
    position: absolute;
    bottom: 70px;
    left: 50%;
    transform: translateX(-50%);
    width: 80%;
    max-width: 1140px;
    height: 46px;
    z-index: 200;
}

.add-icon {
    width: 10px;
    transform: translateY(-1px);
}

.banner-btns {
    display: flex;
    display: -webkit-flex;
    justify-content: flex-end;
}

.banner-btn {
    display: block;
    position: relative;
}

.banner-btn:hover .btn-file-list {
    display: block
}

.btn-file-list {
    position: absolute;
    bottom: 60px;
    left: 0px;
    width: 220px;
    background: rgba(0, 0, 0, 0.60);
    border: 1px solid #FFFFFF;
    color: #fff;
    display: none;
}

.btn-file-list li {
    /*padding: 11px;*/
    border-bottom: 1px solid #fff;
}

.btn-file-list li:last-child {
    border-bottom: none;
}

.btn-file-list li:hover {
    background: #fff;
}

.btn-file-list li:hover a {
    color: #686868;
}

.btn-file-list li a {
    font-size: 16px;
    display: block;
    color: #FFFFFF;
    padding: 11px;
}

.banner-btn:last-child {
    margin-left: 20px;
}

.btn-file-list:after {
    content: "";
    border-left: 8px solid transparent;
    border-bottom: 8px solid #fff;
    border-right: 8px solid transparent;
    border-top: 8px solid transparent;
    position: absolute;
    bottom: -16px;
    left: 20px;
    transform: rotate(180deg);
}

.btn-file-list:before {
    content: "";
    display: inline-block;
    position: absolute;
    bottom: -16px;
    left: 0px;
    width: 100%;
    height: 16px;
    background: transparent;
}

.park-map-img {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 9999;
    display: none;
    background: rgb(0, 0, 0, 0.7);
    overflow-y: auto;
}

.park-map-img .park-img {
    padding: 30px;
    background: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -280px;
    transform: translateX(-50%);
}

.close-parkimg {
    position: absolute;
    width: 24px;
    height: 24px;
    top: 20px;
    right: 20px;
    display: block;
    cursor: pointer;
}

.park-map-img .park-img img {
    width: auto;
    height: auto;
    max-height: 500px;
}

.park-map-img .park-img .close-parkimg img {
    width: 100%;
    max-width: 100%;
    height: inherit;
}

.p-btn {
    border: 1px solid #FFFFFF;
    padding: 12px 18px;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    display: block;
    background: rgba(0, 0, 0, 0.5);
}

.park-detail {
    width: 100%;
}

.park-search {
    width: 53%;
    max-width: 600px;
}

.search-result-swiper {
    margin-top: 0;
}

.search-result-swiper li {
    margin-bottom: 10px;
}

.search-result-swiper .swiper-img {
    width: 50%;
    float: left;
    height: 200px;
    overflow: hidden;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.search-result-swiper .swiper-con {
    width: 50%;
    float: right;
    padding: 24px 30px 0;
    border: 1px solid #C1C2C3;
    border-left: none;
}

.search-content {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    position: relative;
}

.flex-fix {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    position: relative;
}

.search-map {
    width: 45.6%;
    max-width: 520px;
    height: calc(100vh - 65px);
}

.park-info {
    width: 64%;
    max-width: 720px;
}

.p-detail-nav {
    width: 64%;
    max-width: 720px;
    line-height: 67px;
    border-bottom: 1px solid #d8d8d8;
    background: #fff;
    white-space: nowrap;
    overflow-x: scroll;
}

.p-detail-nav::-webkit-scrollbar {
    width: 1px;
    height: 1px;
}


/* 正常情况下滑块的样式 */

.p-detail-nav::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0);
    border-radius: 2px;
    -webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0);
}


/* 鼠标悬浮在该类指向的控件上时滑块的样式 */

.p-detail-nav:hover::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, .2);
    border-radius: 2px;
    -webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0);
}


/* 鼠标悬浮在滑块上时滑块的样式 */

.p-detail-nav::-webkit-scrollbar-thumb:hover {
    /*background-color: rgba(0, 0, 0, .2);
	  -webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .1);*/
}


/* 正常时候的主干部分 */

.p-detail-nav::-webkit-scrollbar-track {
    border-radius: 2px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
    background-color: inherit;
}


/* 鼠标悬浮在滚动条上的主干部分 */

.p-detail-nav::-webkit-scrollbar-track:hover {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
    background-color: inherit;
}

.p-detail-nav.nav-fixed {
    position: fixed;
    top: 100px;
    z-index: 999;
}

.anchor-nav {
    opacity: 0.4;
    font-size: 18px;
    color: #373839;
    font-weight: bold;
    margin-right: 60px;
    cursor: pointer;
}

.anchor-nav.active-nav {
    opacity: 1;
}

.p-main-title {
    font-size: 32px;
    color: #029439;
    font-weight: bolder;
    line-height: 1.4;
    margin-top: 20px;
    display: inline-block;
}

.tag-des {
    display: inline-block;
}

.con-part {
    margin-top: 40px;
}

.con-part>p {
    margin-bottom: 16px;
}

.park-index .con-part {
    margin-top: 60px;
}

.p-sub-title {
    font-size: 20px;
    color: #222;
    font-weight: bold;
    margin-bottom: 20px;
    /* margin-top: 30px; */
}

.p-title-c-g {
    text-align: center;
    font-size: 32px;
    color: #029439;
    font-weight: bold;
}

.p-sub-title-s {
    opacity: 0.8;
    font-size: 14px;
    color: #373839;
    margin: 20px 0;
}

.p-description {
    font-size: 16px;
    color: #373839;
    font-weight: normal;
}

.detail-download {
    background: #00953A;
    color: #fff;
    display: block;
    padding: 30px;
    width: 326px;
    position: relative;
}

.detail-download .dd-des {
    font-size: 18px;
    color: #FFFFFF;
    line-height: 24px;
    font-weight: bold;
}

.detail-download .dd-size {
    font-size: 16px;
    color: #FFFFFF;
    line-height: 24px;
    font-weight: normal;
}

.detail-download .dd-pdf {
    width: 29px;
    position: absolute;
    top: 30px;
    right: 30px;
}

.detail-download .dd-down {
    display: inline-block;
    margin-top: 15px;
    color: #fff;
    position: relative;
}

.detail-download .dd-down:after {
    content: url(../image/arrow-r-white1.svg);
    width: 18px;
    position: absolute;
    top: 3px;
    right: -25px;
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}

.detail-download:hover .dd-down:after {
    right: -30px;
}

.vr-sect {
    margin-top: 30px;
}

.vr-video {
    margin-top: 30px;
    width: 100%;
    height: 365px;
    background: #000;
}

.guide-map {
    margin-top: 30px;
    width: 100%;
    height: 365px;
    position: relative;
}

#allmap {
    width: 100%;
    height: 100%;
}

.input-group {
    display: inline-block;
    margin-left: 10px;
    box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.2);
}

.input-group:first-child {
    margin-left: 0;
}

.search-line {
    position: absolute;
    bottom: 20px;
    right: 20px;
    text-align: right;
}

.input-group input {
    width: 158px;
    display: block;
    float: left;
}

.input-group button {}

.p-input {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
    border-radius: 0;
    outline: none;
    background: #FFFFFF;
    font-size: 15px;
    color: #373839;
    border: none;
    padding: 13px 0px 13px 15px;
}

.s-btn {
    border: none;
    background: #009539;
    font-size: 20px;
    color: #FFFFFF;
    padding: 10px 20px;
    cursor: pointer;
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    /* Firefox 4 */
    -webkit-transition: all 0.5s ease;
    /* Safari 和 Chrome */
    -o-transition: all 0.5s ease;
    /* Opera */
    display: block;
    float: left;
}

.s-btn:hover {
    background: #82bc00;
}

.t-advantage {
    width: 100%;
}

.t-advantage .advantages {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
}

.items-t img {
    width: 40px;
    float: left;
}

.items-t {
    width: 32%;
    margin-top: 30px;
    margin-right: 1%;
}

.advantage-con {
    padding-left: 50px;
}

.advantage-con p {
    font-size: 14px;
    line-height: 20px;
    color: #373839;
    font-weight: 400;
}

.service-box {
    width: 100%;
}

.service-list {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
}

.service-con {
    margin-top: 30px;
    width: 48px;
    margin-right: 80px;
}

.service-con>span>img {
    width: 48px;
    height: 48px;
}

.service-con>p {
    text-align: center;
    white-space: nowrap;
}

.service-con a {
    width: 48px;
    height: 48px;
    display: flex;
    display: -webkit-flex;
    text-align: center;
}

.service-con a img {
    width: 100%;
}

.service-con p {
    font-size: 14px;
    color: #373839;
    text-align: center;
    font-weight: 400;
    margin-top: 10px;
}

.service-img-list {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    /* margin-top: 30px; */
}

.service-img-list.service-img-list2 {
    margin-top: 10px;
    margin-bottom: 20px;
}

.service-img-list.service-img-list2 .service-img {
    width: 48%;
    margin-right: 2%;
}

.service-p {
    font-size: 16px;
    color: #262626;
    line-height: 24px;
    font-weight: normal;
    margin-bottom: 10px;
}

.service-pb {
    font-size: 14px;
    color: #262626;
    line-height: 20px;
    font-weight: bold;
}

.service-pb-t {
    font-size: 16px;
    color: #262626;
    line-height: 20px;
    font-weight: bold;
    margin-top: 30px;
}

.service-img-list .service-img {
    width: 31%;
    margin-right: 2.33%;
}

.service-img p {
    font-size: 14px;
    color: #373839;
    margin-top: 10px;
    line-height: 20px;
}

.service-img.service-img1 {
    width: 23%;
    margin-right: 2%;
}

.service-img.service-img1 p {
    line-height: 1.8em;
}

.service-img.service-img1 p b {
    margin-top: 15px;
    color: #222;
    font-size: 16px;
}

.service-title {
    margin-top: 40px;
    font-size: 14px;
    color: #373839;
    font-weight: bold;
}

.service-des {
    font-size: 14px;
    color: #373839;
    margin-top: 12px;
    margin-bottom: 10px;
}

.colliers-box {
    margin-top: 20px;
}

.colliers-img {
    width: 150px;
    float: left;
}

.colliers {
    padding-left: 170px;
}

.colliers li {
    margin-bottom: 3px;
}

.colliers li span {
    font-size: 14px;
    color: #373839;
    position: relative;
    padding-left: 10px;
}

.colliers li span:before {
    content: "";
    position: absolute;
    left: 0px;
    top: 6px;
    width: 6px;
    height: 6px;
    background: #d6d7d8;
}

.horizontal-li.colliers {
    display: flex;
    display: -webkit-flex;
    padding: 0;
    margin-top: 10px;
    flex-wrap: wrap;
}

.horizontal-li.colliers li {
    margin-right: 30px;
}

.img-swiper .img-container {
    padding-right: 40px;
}

.img-container .swiper-slide .service-img>div {
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    align-items: center;
    height: 133px;
    overflow: hidden;
}

.img-swiper .swiper-button-next {
    top: 44%;
    right: 0;
}

.img-swiper .swiper-button-prev {
    top: 44%;
    left: 0;
}

.img-swiper .swiper-button-next:after {
    content: url(../image/img-arrow.svg);
}

.img-swiper .swiper-button-prev:after {
    content: url(../image/img-arrow.svg);
    transform: rotate(180deg);
}

.request-box {
    width: 330px;
    max-width: 330px;
}

.submit-form {
    padding: 30px 20px;
    background: #EDF2ED;
    border: 1px solid #C1C2C3;
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    /* Firefox 4 */
    -webkit-transition: all 0.5s ease;
    /* Safari 和 Chrome */
    -o-transition: all 0.5s ease;
    /* Opera */
}

.search-form {
    background: #EDF2ED;
    border: 1px solid #C1C2C3;
    padding: 20px 30px;
}

.search-form .form-title,
.search-form .form-sub-title {
    display: inline-block;
}

.search-form .form-title {
    margin-right: 20px;
}

.search-form .f-group-row .f-name,
.search-form .f-group-row .f-emil {
    width: 260px;
    margin-right: 0;
}

.search-form .form-select {
    width: 260px;
    padding: 11px 18px;
}

.search-form .form-group.f-tel {
    margin-right: 10px;
}

.search-form .f-group-row .f-yzm {
    width: 270px;
}

.search-form .btn-contact {
    width: 100px;
}

.search-form .form-btn {
    width: 200px;
}

.search-row-b {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.search-row-b .half-row {
    width: 48%;
}

.search-row-b .form-row {
    width: 100%;
}

.search-row-b .half-row .form-input {
    background: #FFFFFF;
    border: 1px solid #C1C2C3;
    font-size: 14px;
    width: 100%;
}

.search-row-b .form-row .txtarea {
    background: #FFFFFF;
    border: 1px solid #C1C2C3;
    font-size: 14px;
    color: #242424;
}

.form-row.half-row .search-input {
    background: #FFFFFF;
    border: 1px solid #C1C2C3;
    border-radius: 4px;
    overflow: hidden;
}

.search-row-b .form-group.group-tel {
    width: 48%;
    background: #FFFFFF;
    border: 1px solid #C1C2C3;
    border-radius: 4px;
    font-size: 14px;
    color: #242424;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    overflow: hidden;
}

.form-btn.form-btn-hw {
    width: 48%;
}

.form-title {
    font-size: 24px;
    color: #373839;
    font-weight: bold;
    margin-bottom: 6px;
}

.form-sub-title {
    font-size: 14px;
    color: #262626;
    font-weight: normal;
    line-height: 20px;
    margin-bottom: 10px;
}

.form-con .form-sub-title {
    font-size: 14px;
    color: #373839;
    font-weight: 400;
    margin-top: 0;
    margin-bottom: 20px;
}

.input-b {
    border: 1px solid #c1c2c3 !important;
}

.no-border {
    border: none !important;
}

.form-row {
    margin-bottom: 10px;
}

.f-group-row {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
}

.f-group-row .f-name {
    width: 120px;
    margin-right: 10px;
}

.f-group-row .f-yzm {
    width: 100%;
    padding: 11px;
    line-height: 20px;
}

.f-group-row .f-emil {
    flex: 1;
}

.form-group.f-tel {
    flex: 1;
}

.btn-send {
    border: none;
    background: #00953e;
    padding: 10px;
    font-size: 14px;
    color: #fff;
    white-space: nowrap;
    cursor: pointer;
    border: 1px solid #00953e;
}

.btn-send:disabled {
    background: #9c9c9c;
    border: 1px solid #9c9c9c;
}

.btn-send.btn-yzm {
    padding: 11px 20px;
    line-height: 20px;
}

.form-btn.btn-contus {
    display: inline-block;
    line-height: 27px;
}

.form-btn.btn-contus {
    margin-top: 30px;
}

.bt-input {
    position: relative;
}

.bt-input:after {
    content: "*";
    display: inline-block;
    color: red;
    position: absolute;
    left: 10px;
    top: 12px;
}

.bt-input .form-input {
    padding: 11px 10px 11px 18px;
    color: #262626;
    line-height: 20px;
}

.form-input.txtarea {
    color: #262626;
    font-size: 14px;
    line-height: 20px;
}

.form-group {
    display: flex;
    display: -webkit-flex;
}

.form-input {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
    border-radius: 0;
    outline: none;
    padding: 10px;
    font-size: 14px;
    color: #373839;
    border: none;
    width: 100%;
}

.form-in .form-row {
    margin-top: 0;
    margin-bottom: 13px;
}

.form-l .form-row,
.form-c .form-row {
    background: #FFFFFF;
    border: 1px solid #C1C2C3;
}

.form-r {
    padding-left: 20px;
    margin-left: 20px;
    border-left: 1px solid #d8d8d8;
}

.form-in {
    display: flex;
    display: -webkit-flex;
    margin-bottom: 30px;
}

.form-in .form-l {
    width: 32.33%;
    margin-right: 10px;
}

.form-in .form-c {
    width: 32.33%;
}

.form-in .form-r {
    flex: 1;
    padding-left: 20px;
}

select.form-select {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
    outline: none;
    border-radius: 0px;
    border: none;
    background: url("../image/arrow-up.svg") no-repeat 96% center #f5f5f5;
    background-size: 8px;
}

select.form-select {
    padding: 12px 18px;
    background-color: #fff;
    font-size: 14px;
    line-height: 20px;
    width: 100%;
}

select.select-input {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
    outline: none;
    border-radius: 0px;
    border: none;
    background: url("../image/arrow-up.svg") no-repeat 80% center #f5f5f5;
    background-size: 8px;
}

.form-group .veri-code {
    width: 42%;
    background: #FAF6E9;
}

.veri-code img {
    width: 90px;
}

.form-group select.select-input {
    width: 42%;
    border-radius: 0px;
    padding: 10px;
    font-size: 14px;
}

.Tos {
    position: absolute;
    top: 20px;
    left: 0;
    display: inline-block;
    width: 200px;
    height: 300px;
}


/*.cek-txt:hover {
		text-decoration: underline;
	}*/

.form-btn {
    border: none;
    width: 100%;
    background: #00953E;
    text-align: center;
    font-size: 20px;
    color: #FFFFFF;
    font-weight: bold;
    line-height: 48px;
    padding: 10px 0;
    cursor: pointer;
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    /* Firefox 4 */
    -webkit-transition: all 0.5s ease;
    /* Safari 和 Chrome */
    -o-transition: all 0.5s ease;
    /* Opera */
}

.form-btn:hover {
    background: #82bc00;
}

.sep-line {
    height: 1px;
    color: #D6D7D8;
    margin-top: 30px;
}

.contact-title {
    font-size: 20px;
    color: #373839;
    font-weight: bold;
}

.contact-tel {
    font-size: 36px;
    color: #00953E;
    font-weight: 900;
    line-height: 1.5;
    margin-top: 10px;
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    /* Firefox 4 */
    -webkit-transition: all 0.5s ease;
    /* Safari 和 Chrome */
    -o-transition: all 0.5s ease;
    /* Opera */
}

.contact-tel:hover {
    color: #006647;
}

.search-list {
    display: flex;
    display: -webkit-flex;
}

.search-title span {
    font-size: 15px;
    color: #373839;
    font-weight: bold;
    width: 90px;
    display: inline-block;
}

.key-list {
    display: flex;
    display: -webkit-flex;
}

.key-list .search-menu {
    margin: 0;
    position: relative;
}

.key-list .search-menu a {
    padding: 0 5px;
    margin-right: 40px;
}

.search-menu a {
    font-size: 15px;
    color: #373839;
    margin-right: 40px;
    display: inline-block;
    white-space: nowrap;
}

.search-menu.has-subsearch:hover .subsearch {
    display: block;
}

.search-area-row {
    border-bottom: 1px solid #d6d7d8;
    padding: 20px 0;
}

.search-bx a {
    font-size: 15px;
    color: #2A840B;
    /*font-weight: bold;*/
}

.first-search {
    margin-bottom: 14px;
}

.has-subsearch a {
    position: relative;
}

.subsearch {
    display: none;
    padding: 10px;
}

.search-menu.has-subsearch .subsearch {
    position: absolute;
    top: 22px;
    left: -160px;
    background: #fefefe;
    padding: 10px;
    padding-top: 20px;
    box-shadow: 0 5px 10px #efefef;
    z-index: 999;
}

.search-menu.has-subsearch .subsearch ul {
    display: flex;
    display: -webkit-flex;
    width: 1140px;
    max-width: 1140px;
    margin-bottom: 10px;
    flex-wrap: wrap;
}

.search-menu.has-subsearch .subsearch ul:last-child {
    margin-bottom: 0px;
}

.search-menu.has-subsearch ul li>a {
    color: #666;
    text-align: center;
    display: block;
    font-size: 14px;
    white-space: nowrap;
    margin-bottom: 10px;
}

.search-menu.has-subsearch .search-menu-list a:hover {
    color: #2A840B;
}

.has-subsearch>a:after {
    content: url(../image/arrow-down.svg);
    width: 8px;
    position: absolute;
    right: -8px;
    top: -1px;
}

.key-list .search-menu .search-menu-list a {
    margin-right: 20px;
}

.open-sub .subsearch {
    display: block;
}


/*swiper样式*/

.swiper-pages .swiper-pagination-bullet {
    background: rgba(255, 255, 255, 1);
    opacity: 0.5;
}

.swiper-pages .swiper-pagination-bullet-active {
    background: rgba(255, 255, 255, 1);
    opacity: 1;
}

.swiper-pages .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pages .swiper-pagination-bullet {
    margin: 0 3px;
}

.swiper-container-horizontal>.swiper-pagination-bullets {
    bottom: 4px;
}

.swiper-img .swiper-slide {
    width: 100%;
}

.recomd-swiper {
    display: flex;
    display: -webkit-flex;
    margin-top: 30px;
    justify-content: space-between;
    flex-wrap: nowrap;
}

.recomd-swiper li {
    width: 23%;
}

.recomd-swiper li a {
    display: block;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    /* Firefox 4 */
    -webkit-transition: all 0.3s ease;
    /* Safari 和 Chrome */
    -o-transition: all 0.3s ease;
    /* Opera */
}

.recomd-swiper li a:hover {
    box-shadow: 3px 3px 10px #bbb;
    transform: translateY(-10px);
}

.recomd-img {
    height: 200px;
    overflow: hidden;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.swiper-recomd {
    overflow: hidden;
    position: relative;
    padding-bottom: 40px;
}

.swiper-team {
    overflow: hidden;
    position: relative;
    padding-bottom: 40px;
}

.swiper-team .swiper-button-prev:after {
    content: " ";
    background: url(../image/prev-w.svg) no-repeat;
    background-size: 20px 44px;
    top: 0px;
    left: 3px;
    width: 27px;
    height: 40px;
}

.swiper-team .swiper-button-next:after {
    content: " ";
    background: url(../image/next-w.svg) no-repeat;
    background-size: 20px 44px;
    top: 0px;
    right: 0px;
    width: 27px;
    height: 40px;
}

.swiper-team .swiper-button-prev,
.swiper-team .swiper-button-next {
    bottom: 0;
    top: auto;
    z-index: 11;
}

.swiper-recomd .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    background: #E3E3E3;
    border: 1px solid #E3E3E3;
    opacity: 1;
}

.swiper-recomd .swiper-pagination-bullet-active {
    background: #029439;
    border: 1px solid #029439;
}

.swiper-recomd .swiper-con {
    padding: 15px 20px;
    background: #FFFFFF;
    border: 1px solid #C1C2C3;
    height: 182px;
}

.swiper-title {
    font-size: 20px;
    line-height: 26px;
    color: #373839;
    font-weight: bold;
    margin-bottom: 10px;
}

.swiper-title.swiper-t-city {
    margin-bottom: 0;
}

.swiper-sub-title {
    font-size: 14px;
    color: #373839;
    font-weight: bold;
    margin-bottom: 15px;
}

.swiper-content {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    text-overflow: ellipsis;
    overflow: hidden;
}

.swiper-content p {
    font-size: 14px;
    line-height: 20px;
    color: #373839;
    font-weight: normal;
}


/*swiper样式-end*/


/*popout*/

.popout {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.95);
    z-index: 9999;
    display: none;
}

.popout.popout-grey {
    background: rgb(0, 0, 0, 0.7);
}

.popout-page {
    padding-top: 20vh;
    text-align: center;
    position: relative;
}

.search-pop-title {
    font-size: 32px;
    color: #00953A;
    font-weight: bold;
    text-align: center;
    margin-bottom: 30px;
}

.pop-search-input {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
    border-radius: 0;
    border: none;
    outline: none;
    background: transparent;
    width: 78%;
    margin: 0 auto;
    border-bottom: 1px solid #2d2d2d;
    color: #7D7878;
    color: #333;
    font-size: 30px;
    padding: 5px;
}

.search-desc {
    width: 78%;
    margin: 0 auto;
    font-size: 14px;
    color: #373839;
    text-align: right;
    margin-top: 10px;
}

.search-reltv .search-desc {
    width: 100%
}

.search-esc {
    font-size: 14px;
    color: #373839;
    text-align: right;
    margin-top: 10px;
}

.close-pop {
    width: 34px;
    height: 34px;
    display: block;
    position: absolute;
    top: 10vh;
    right: 10px;
    cursor: pointer;
}

.address-map {
    width: 738px;
    margin: 10px auto;
    position: relative;
}

.network-con {
    background: rgba(255, 255, 255, 0.95);
    border-radius: 6px;
    padding: 10px 30px 20px 15px;
    width: 300px;
    position: relative;
}

.network-con:after {
    content: "";
    width: 20px;
    height: 20px;
    display: block;
    background: #fff;
    transform: rotate(45deg);
    position: absolute;
    bottom: -7px;
    left: 30px;
}

.network-con:before {
    content: "";
    width: 100%;
    height: 20px;
    display: block;
    background: transparent;
    position: absolute;
    bottom: -20px;
    left: 0px;
}

.nt-title {
    font-size: 20px;
    color: #00953A;
    font-weight: normal;
    margin-bottom: 5px;
    text-align: left;
}

.nt-des {
    font-size: 16px;
    color: #505050;
    text-align: left;
    line-height: 24px;
}

.nt-links img {
    width: 18px;
    margin-right: 5px;
}

.nt-coordinate {
    background: #00953A;
    border-radius: 2px;
    font-size: 14px;
    color: #FFFFFF;
    font-weight: bold;
    padding: 5px 15px;
}

.address-china {
    position: absolute;
    right: 163px;
    top: 240px;
}

.address-usa {
    position: absolute;
    left: 60px;
    top: 240px;
}

.address-brazil {
    position: absolute;
    left: 210px;
    bottom: 130px;
}

.address-europe {
    position: absolute;
    left: 400px;
    top: 150px;
}

.address-singapore {
    position: absolute;
    right: 163px;
    bottom: 115px;
}

.address-japan {
    position: absolute;
    right: 30px;
    top: 215px;
}

.address-indoSpace {
    position: absolute;
    right: 208px;
    bottom: 150px;
}

.network-con {
    position: absolute;
    bottom: 40px;
    left: -50%;
    display: none;
    z-index: 10000;
}

.address-city:hover .network-con {
    display: block;
}

.nt-links {
    margin-top: 10px;
    text-align: left;
}

.nt-links a {
    font-size: 16px;
    color: #505050;
}

.mobile-level1-sub.network-level1 {
    padding: 10px 25px 0px 5px;
}


/*popup-end*/

.play_btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80px;
    cursor: pointer;
}

.kv-title {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 32px;
    color: #000000;
    text-align: center;
    font-weight: bold;
}

.form-container {
    position: relative;
    width: 87.7%;
    max-width: 1000px;
    margin: 0 auto;
    margin-top: -80px;
    padding: 0 20px 0 40px;
    background: rgba(255, 255, 255, 0.9);
    border: 1px solid #C1C2C3;
}

.form-nav {
    display: flex;
    display: -webkit-flex;
    padding: 30px 0px;
}

.form-nav .form-t>a {
    opacity: 0.4;
    font-size: 18px;
    color: #373839;
    font-weight: bold;
    margin-right: 60px;
}

.form-nav .form-t.ft-active>a {
    color: #00953E;
    opacity: 1;
}

.more-title {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
}

.green-title {
    font-size: 32px;
    color: #03933B;
    font-weight: 900;
}

.more-title .more-info {
    align-self: center;
    font-size: 16px;
    color: #373839;
    font-weight: bold;
    position: relative;
    margin-right: 30px;
    position: relative;
    align-self: flex-end;
}

.more-title .more-info:after {
    content: url(../image/more-icon.svg);
    width: 17px;
    position: absolute;
    right: -23px;
    transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    /* Firefox 4 */
    -webkit-transition: all 0.3s linear;
    /* Safari 和 Chrome */
    -o-transition: all 0.3s linear;
    /* Opera */
}

.more-title .more-info:hover:after {
    right: -28px;
}

.vr-swiper {
    display: flex;
    display: -webkit-flex;
    margin-top: 30px;
    justify-content: space-between;
    flex-wrap: nowrap;
}

.vr-swiper li {
    width: 31.5%;
}

.vr-swiper li a {
    display: block;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    /* Firefox 4 */
    -webkit-transition: all 0.3s ease;
    /* Safari 和 Chrome */
    -o-transition: all 0.3s ease;
    /* Opera */
}

.vr-swiper li a:hover {
    box-shadow: 3px 3px 10px #bbb;
    transform: translateY(-10px);
}

.vr-swiper .swiper-img,
.city-swiper .swiper-img {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.banner-text {
    position: absolute;
    width: 100%;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 20;
}

.banner-text p {
    text-align: center;
    font-size: 42px;
    color: #FFFFFF;
    text-align: center;
    font-weight: bold;
}

.banner-text .wrap {
    text-align: right;
}

.banner-text .ban-t {
    font-size: 42px;
    color: #FFFFFF;
    font-weight: bold;
    text-align: right;
}

.banner-text .ban-t span {
    width: 360px;
    display: inline-block;
    text-align: left;
    font-size: 42px;
    line-height: 56px;
}

.banner-text .ban-st {
    font-size: 20px;
    color: #FFFFFF;
    line-height: 30px;
    font-weight: 400;
    text-align: left;
    margin-top: 20px;
    display: inline-block;
}

.banner-text.full-kv-text {
    text-align: center;
}

.banner-text.full-kv-text p {
    display: inline-block;
    text-align: right;
    font-size: 42px;
    color: #FFFFFF;
    line-height: 56px;
    font-weight: bold;
    margin-right: 50%;
}

.search-box {
    display: flex;
    display: -webkit-flex;
}

.search-reltv .reltv-input {
    border-bottom: 1px solid #000;
    font-size: 32px;
    color: #545658;
    font-weight: bold;
    line-height: 42px;
}

.hot-word {
    display: flex;
    display: -webkit-flex;
    margin-top: 10px;
}

.hot-word li.main-word a {
    font-size: 15px;
    color: #000;
    font-weight: bold;
    margin-right: 40px;
}

.hot-word>li a {
    font-size: 15px;
    color: #000;
    margin-right: 30px;
}

.search-contain {
    width: 54%;
    max-width: 842px;
    margin: 0 auto;
}

.search-box .title {
    color: #fff;
    font-size: 32px;
    color: #FFFFFF;
    font-weight: bold;
    margin-right: 40px;
}

.search-box .form-input {
    background: #FFFFFF;
    border-radius: 4px;
    font-size: 15px;
    color: #373839;
    font-weight: bold;
    padding: 13px 20px;
    width: 100%;
}

.search-reltv {
    position: relative;
}

.search-btn-poz {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
    border-radius: 0;
    outline: none;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
    background: none;
    border: none;
    cursor: pointer;
}

.list-result {
    padding: 40px 50px;
}

.sech-result-t {
    font-size: 15px;
    color: #373839;
    font-weight: bold;
    padding: 10px 0;
    border-bottom: 1px solid #d6d7d8;
}

.sech-result-list {
    padding: 16px 0;
}

.sech-result-item {
    margin-bottom: 20px;
}

.sech-result-item .res-title {
    margin-bottom: 7px;
}

.sech-result-item .res-title a {
    font-size: 18px;
    color: #029439;
    font-weight: bold;
    margin-bottom: 5px;
    line-height: 27px;
}

.sech-result-item .res-sub-t {
    font-size: 15px;
    color: #373839;
    margin-bottom: 8px;
}

.sech-result-item .res-con {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-bottom: 8px;
}

.sech-result-item .res-con p {
    font-size: 16px;
    line-height: 24px;
    color: #545454;
    text-align: justify;
}

.res-con .key-w {
    color: #00953E;
    font-weight: bold;
}

.sech-result-item .res-link {
    opacity: 0.4;
    font-size: 14px;
    color: #494949;
}

.sech-row {
    padding-top: 10px;
}

.hot-word {
    margin-top: 15px;
}

.page {
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    margin-top: 25px;
}

.page>li>a {
    background: #F1F1F1;
    font-size: 16px;
    color: #555658;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    line-height: 29px;
    margin: 0 10px;
}

.page>li.active-page>a {
    background: #029439;
    font-size: 16px;
    color: #FFFFFF;
}


/*新闻页面*/

.news-search {
    background: #00953A;
}

.news-condit {
    padding: 30px;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between
}

.news-condit .group-form {
    float: left;
    width: 230px;
}

.news-condit .group-form label {
    font-size: 18px;
    color: #FFFFFF;
    line-height: 24px;
    margin-bottom: 14px;
    display: block;
}

.select-news select.form-select {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
    outline: none;
    border-radius: 0px;
    border: none;
    background: url("../image/arrow-w.svg") no-repeat 95% center #00953A;
    background-size: 16px;
    border: 1px solid #FFFFFF;
    color: #fff;
    padding: 13px 20px;
    font-size: 18px;
    line-height: 22px;
}

.news-condit .group-form .form-input {
    color: #fff;
    padding: 13px 20px;
    font-size: 18px;
    line-height: 22px;
    background: #00953A;
    border: 1px solid #FFFFFF;
}

.news-condit .group-form .form-input::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #fff;
    font-size: 18px;
}

.news-condit .group-form .form-input::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #fff;
    font-size: 18px;
}

.news-condit .group-form .form-input:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #fff;
    font-size: 18px;
}

.news-condit .group-form.news-btn {
    width: 178px;
    margin-right: 0;
    align-self: flex-end;
}

.btn.news-s-btn {
    width: 178px;
    height: 50px;
    line-height: 22px !important;
    padding: 13px 20px;
    text-align: center;
    font-size: 18px;
    color: #00953A;
    border: 1px solid #FFFFFF;
    cursor: pointer;
    background: #fff;
}

.news-latest {
    margin-top: 60px;
}

.title-y {
    font-size: 15px;
    color: #000000;
    font-weight: 400;
    padding-bottom: 15px;
    line-height: 1;
    border-bottom: 1px solid #d6d7d8;
}

.news-lts-box {}

.news-list {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
}

.news-list>li {
    width: 29.3%;
    background: #FFFFFF;
    box-shadow: 0 6px 11px -3px rgba(0, 0, 0, 0.05);
}

.news-list.news-list4>li {
    width: 22.2%;
}

.news-list .news-img {
    width: 100%;
    height: 228px;
    /*border-radius: 4px;*/
    background-size: cover !important;
    position: relative;
    background-color: #F1F2F3;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
}

.news-list.news-list4 .news-img {
    width: 100%;
    height: 172px;
}

.news-items .news-des {
    padding: 20px 13px;
}

.news-t {
    font-size: 22px;
    color: #000000;
    line-height: 29px;
    font-weight: bold;
    /*height: 151px;*/
    overflow: hidden;
}

.news-list4 .news-t {
    font-size: 18px;
    color: #000000;
    font-weight: bold;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    overflow: hidden;
}

.news-txt {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 15px;
    line-height: 22px;
    color: #000000;
    margin-top: 10px;
    margin-bottom: 10px;
}

.news-list4 .news-txt {
    font-size: 14px;
    color: #000000;
    line-height: 20px;
}

.news-time {
    font-size: 12px;
    color: #333333;
}

.news-list4 .news-time {
    text-align: right;
}

.news-time .sep {
    color: #d8d8d8;
    margin-left: 10px;
    margin-right: 10px;
}

.new-hr {
    display: block;
    margin: 16px 0;
    width: 100%;
    height: 1px;
    background: #d3d3d3;
}

.news-tags {
    display: flex;
    display: flex;
    flex-wrap: wrap;
}

.news-tags>li>span {
    border: 1px solid #1C9E4D;
    padding: 0 10px;
    font-size: 15px;
    color: #1C9E4D;
    line-height: 22px;
    white-space: nowrap;
    margin-right: 6px;
}

.history-year {
    display: flex;
    display: -webkit-flex;
    flex-wrap: nowrap;
    padding-bottom: 20px;
    border-bottom: 1px solid #f3f3f3;
}

.history-year>li {
    margin-right: 30px;
}

.history-year>li>span {
    font-size: 18px;
    color: #333333;
    font-weight: bold;
    cursor: pointer;
}

.history-year>li>span.year-active {
    color: #1C9E4D;
    position: relative;
}

.history-year>li>span.year-active:after {
    content: "";
    display: inline-block;
    width: 15px;
    height: 3px;
    background: #1C9E4D;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -8px;
}

.history-item {
    padding: 20px 0;
    border-bottom: 1px solid #f3f3f3;
    position: relative;
    height: 185px;
}

.history-item:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.history-item .news-poster {
    float: left;
    width: 173px;
    height: 130px;
    background: #F1F2F3;
    border-radius: 5px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    margin-top: 7px;
    position: relative;
    z-index: 100;
}

.history-item .news-poster img {
    position: absolute;
    width: auto;
    height: 100%;
    /* left: 0 !important; */
}

.no-img-d {
    font-size: 60px;
    color: #1C9E4D;
    text-align: center;
    font-weight: 900;
    align-self: center;
}

.no-img-ym {
    position: absolute;
    top: 10px;
    left: 13px;
    font-size: 15px;
    color: #373839;
    font-weight: bold;
}

.news-source {
    font-size: 14px;
    color: #333333;
}

.news-content {
    padding-left: 210px;
    position: relative;
    height: 100%;
}

.news-content .news-title {
    font-size: 22px;
    color: #000000;
    font-weight: bold;
}

.news-content .news-con {
    font-size: 15px;
    line-height: 22px;
    color: #000000;
    font-weight: 400;
    margin-top: 10px;
    margin-bottom: 20px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    overflow: hidden;
}

.news-content .news-time {
    position: absolute;
    bottom: 0px;
    right: 20px;
}

.news-detail {
    margin-top: 60px;
}

.news-detail-org {
    padding: 0 65px;
    margin-top: 40px;
    margin-bottom: 40px;
}

.news-detail-org p {
    font-size: 14px;
    color: #000000;
    margin-bottom: 10px;
    text-align: justify;
}

.news-detail-org p strong em {
    font-weight: bold;
}

.news-detail-org ul li {
    position: relative;
    padding-left: 15px;
    margin-bottom: 6px
}

.news-detail-org ul li:after {
    content: "";
    display: block;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #006647;
    position: absolute;
    top: 11px;
    left: 2px;
}

.news-detail-org p img {
    width: auto;
}

.news-detail-org div {
    margin-bottom: 10px;
}

.news-detail .detail-title {
    font-size: 32px;
    color: #1C9E4D;
    font-weight: 900;
    text-align: center;
    padding: 0 5%;
}

.news-detail .detail-hr {
    display: block;
    width: 100%;
    height: 8px;
    background: #fff;
    border-top: 4px solid #F3F3F3;
    border-bottom: 1px solid #F3F3F3;
    margin-top: 15px;
    margin-bottom: 10px;
}

.news-detail .detail-time {
    font-size: 12px;
    color: #333333;
    margin-bottom: 40px;
}

.news-detail .detail-time span {
    margin-right: 60px;
}

.news-detail .details-sub-t {
    padding: 0px 65px;
    /*background: #F8F8F8;*/
    font-size: 14px;
    color: #000000;
    margin-top: 30px;
    font-weight: bold;
}

.news-detail .detail-footer {
    padding: 0px 65px;
    /*background: #F8F8F8;*/
    margin-bottom: 30px;
}

.news-detail .detail-footer .df-title {
    font-size: 16px;
    color: #1C9E4D;
    font-weight: bold;
    margin-bottom: 8px;
}

.news-detail .detail-footer .df-title a {
    color: #1C9E4D;
    font-weight: bold;
}

.news-detail .detail-footer .df-con {
    font-size: 14px;
    color: #000000;
}

.news-detail .news-detail-con {
    padding: 0 65px;
    margin-top: 40px;
    margin-bottom: 40px;
}

.news-detail .news-detail-con>p {
    font-size: 14px;
    color: #000000;
    margin-bottom: 25px;
    text-align: justify;
}

.news-detail-con .news-bt {
    font-size: 16px;
    text-align: center !important;
    font-weight: 600;
}

.bn-point {
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #029439;
    margin-right: 6px;
    margin-bottom: 3px;
}

.news-detail-con .detail-img {
    text-align: center;
    margin-top: 40px;
    margin-bottom: 40px;
}

.news-detail-con .detail-img img {
    width: 640px;
}

.news-detail-con .detail-img p {
    font-size: 14px;
    margin-top: 10px;
}

.news-detail-con ul {
    padding: 0 10px 0 20px;
    margin-bottom: 25px;
}

.news-detail-con ul li {
    position: relative;
    list-style: none;
    margin-bottom: 5px;
    font-size: 14px;
}

.news-detail-con ul li:after {
    content: "";
    display: inline-block;
    width: 5px;
    height: 5px;
    background: #36AA63;
    position: absolute;
    top: 11px;
    left: -8px;
}

.more-title .more-info.green {
    color: #1C9E4D;
}

.more-title .more-info.green:after {
    content: url(../image/arrow-r-green.svg);
}

.media-section {
    display: flex;
    display: -webkit-flex;
    flex-wrap: nowrap;
}

.media-main {
    width: 520px;
    height: 336px;
    border-radius: 4px;
    position: relative;
    display: flex;
    justify-content: center;
    overflow: hidden;
    cursor: pointer;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.media-main-con {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    bottom: -54%;
    left: 0px;
    padding: 20px;
    background: rgba(0, 0, 0, 0.4);
    transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    /* Firefox 4 */
    -webkit-transition: all 0.6s ease;
    /* Safari 和 Chrome */
    -o-transition: all 0.6s ease;
    /* Opera */
}

.media-main:hover .media-main-con {
    background: rgba(0, 0, 0, 0.5);
    bottom: 0%;
}

.media-news {
    flex: 1;
    padding: 0 30px;
}

.media-main-con .media-title {
    font-size: 18px;
    color: #FFFFFF;
    font-weight: bold;
    color: #fff;
    /*width: 80%;*/
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #fff;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.media-main-con .media-title a {
    color: #fff;
}

.media-main-con .media-con {
    font-size: 14px;
    color: #FFFFFF;
    /*width: 80%;*/
    text-align: justify;
    margin-bottom: 10px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    overflow: hidden;
}

.media-main-con .news-source {
    font-size: 12px;
    color: #FFFFFF;
    font-weight: 400;
}

.media-main-con .news-source .time {
    /*margin-left: 10px;*/
}

.media-news .media-title {
    font-size: 18px;
    color: #1C9E4D;
    font-weight: bold;
}

.media-news .media-title>a {
    color: #1C9E4D;
}

.media-news .news-source {
    font-size: 14px;
    color: #333333;
    margin-top: 7px;
    margin-bottom: 15px;
}

.media-news .media-con {
    font-size: 14px;
    color: #000000;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    text-overflow: ellipsis;
    overflow: hidden;
}

.media-news li:nth-child(1) {
    padding-bottom: 30px;
    border-bottom: 1px solid #F3F3F3;
}

.look-section .media-news li:nth-child(1) {
    border-bottom: 0;
}

.media-news li:nth-child(2) {
    padding-top: 30px;
}

.look-section {
    display: flex;
    display: -webkit-flex;
}

.look-section .media-news {
    width: 44%;
    margin-right: 50px;
    padding-left: 0px;
    padding-right: 35px;
}

.look-section .media-news:last-child {
    margin-right: 0;
}

.look-section .media-news .media-title a {
    color: #000;
}

.look-section .media-news .media-title {
    margin-bottom: 10px;
}


/*新闻样式end*/


/*首页样式*/

.swiper-container.swiper-index {
    width: 100%;
    height: 100vh;
}

.swiper-index .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.swiper-index .swiper-slide:after {
    content: "";
    position: absolute;
    display: block;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, 0.00) 50%, rgba(0, 0, 0, 0.50) 100%);
    background-image: -moz-linear-gradient(270deg, rgba(0, 0, 0, 0.00) 50%, rgba(0, 0, 0, 0.50) 100%);
    background-image: linear-gradient(270deg, rgba(0, 0, 0, 0.00) 50%, rgba(0, 0, 0, 0.50) 100%);
}

.swiper-index .swiper-slide.swiper-con-right:after {
    content: "";
    position: absolute;
    display: block;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0.00) 60%);
    background-image: -moz-linear-gradient(270deg, rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0.00) 60%);
    background-image: linear-gradient(270deg, rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0.00) 60%);
    z-index: 18;
}

.swiper-index.swiper-container-vertical>.swiper-pagination-bullets {
    right: unset;
    left: 11%;
}

.swiper-index.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    width: 9px;
    height: 19px;
    background: #fff;
    border-radius: 0;
    opacity: 1;
    margin: 1px 0;
}

.swiper-index.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #009539;
}


/*.swiper-index .swiper-pagination:after {
		content: "";
		display: inline-block;
		position: absolute;
		bottom: -50px;
		left: 0px;
		width: 9px;
		height: 50px;
		background: #fff;
	}*/

.swiper-container.swiper-index .swiper-pagination {
    /*position: fixed;
		padding: 10px 10px 60px 10px;
		background: rgba(0, 0, 0, 0);*/
    z-index: 10000;
}

.last-page {
    position: absolute;
    width: 9px;
    height: 50px;
    background: #fff;
    display: inline-block;
    left: 11%;
    z-index: 11;
}


/*.swiper-container.swiper-index .swiper-pagination:after{
		content: "";
		position: absolute;
		z-index: 9;
		top: -10px;
		left: -10px;
		width: 20px;
		height: 100px;
		background: rgba(0,0,0,0.5);
	}*/


/*.swiper-index.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet:last-child {
		width: 9px;
		height: 50px;
	}*/

.swiper-index .swiper-slide .swiper-content {
    position: absolute;
    width: 100%;
    padding-left: 17%;
    text-align: left;
    z-index: 20;
}

.swiper-index .swiper-slide.swiper-con-right .swiper-content {
    padding-left: 60%;
    left: unset;
}

.swiper-content .swiper-t {
    font-size: 42px;
    color: #FFFFFF;
    font-weight: bold;
    line-height: 56px;
}

.swiper-content .swiper-sub-t {
    font-size: 20px;
    color: #FFFFFF;
    font-weight: bold;
    margin-top: 10px;
    line-height: 30px;
    font-weight: normal;
    margin-top: 20px;
}

.swiper-content .swiper-btn {
    display: inline-block;
    margin-top: 30px;
    border: 1px solid #FFFFFF;
    padding: 10px 50px 10px 15px;
    font-size: 14px;
    color: #fff;
    position: relative;
    font-weight: bold;
}

.swiper-content .swiper-btn:after {
    content: url(../image/arrow-r-light.svg);
    position: absolute;
    top: 12px;
    right: 20px;
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    /* Firefox 4 */
    -webkit-transition: all 0.5s ease;
    /* Safari 和 Chrome */
    -o-transition: all 0.5s ease;
    /* Opera */
}

.swiper-content .swiper-btn:hover:after {
    right: 15px;
}


/*.swiper-index .swiper-slide{
		display: flex;
		display: -webkit-flex;
	}
	.swiper-index .swiper-slide>img{
		height: 100%;
		align-self: center;
		align-items: center;
	}*/

.index-section {
    margin-top: 50px;
}

.text-section-con {
    padding: 40px 0 60px;
    width: 69%;
    position: relative
}

.text-section.text-section-bg {
    position: relative;
}

.text-section.text-section-bg:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 70%;
    height: 100%;
    transform: scaleX(-1);
    background-image: linear-gradient(270deg, rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0.00) 100%);
}

.on-bg-txt {
    position: absolute;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1000;
}

.on-bg-txt .index-title {
    text-align: left;
    color: #fff;
    font-size: 32px;
    line-height: 42px;
}

.text-section-con .index-title {
    text-align: left;
}

.index-title {
    font-size: 32px;
    color: #03933B;
    text-align: center;
    font-weight: bolder;
    margin-bottom: 30px;
}

.index-title.glpc-t {
    padding-right: 20%;
}

.index-title.left-title {
    width: calc(80% - 40px);
}

.title-mb20 {
    margin-bottom: 20px;
}

.index-des-title {
    font-size: 20px;
    color: #262626;
    text-align: center;
    line-height: 26px;
    font-weight: normal;
    margin-bottom: 40px;
}

.index-title-sec {
    font-size: 16px;
    color: #262626;
    text-align: center;
    line-height: 24px;
    font-weight: normal;
    width: 70%;
    margin: 40px auto;
}

.index-sub-title {
    font-size: 18px;
    color: #545658;
    text-align: center;
    line-height: 24px;
    font-weight: bold;
    margin-top: -20px;
}

.latest-item {
    height: 343px;
    padding: 30px 20px;
    border: 1px solid #d6d6d6;
    display: flex;
    display: -webkit-flex;
    flex-wrap: nowrap;
    flex-direction: column;
    /*justify-content: space-between;*/
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    /* Firefox 4 */
    -webkit-transition: all 0.5s ease;
    /* Safari 和 Chrome */
    -o-transition: all 0.5s ease;
    /* Opera */
}

.latest-item .latest-t {
    font-size: 16px;
    color: #111111;
    line-height: 24px;
    font-weight: bold;
    margin-bottom: 12px;
}

.latest-item .latest-sub-t {
    font-size: 14px;
    color: #242424;
    line-height: 21px;
}

.latest-item .latest-item-t {
    opacity: 0.8;
    font-size: 13px;
    color: #373839;
    margin-top: 10px;
}

.latest-more {
    font-size: 14px;
    color: #03933B;
    position: relative;
    display: inline-block;
    margin-bottom: 20px;
    margin-top: 20px;
}

.latest-more:after {
    content: url(../image/arrow-r-green.svg);
    width: 18px;
    position: absolute;
    top: -1px;
    right: -26px;
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    /* Firefox 4 */
    -webkit-transition: all 0.5s ease;
    /* Safari 和 Chrome */
    -o-transition: all 0.5s ease;
    /* Opera */
}

.latest-more:hover:after {
    right: -31px;
}

.see-more {
    font-size: 14px;
    color: #03933B;
    position: relative;
    display: inline-block;
}

.see-more:after {
    content: url(../image/arrow-r-green.svg);
    width: 18px;
    position: absolute;
    top: -1px;
    right: -26px;
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    /* Firefox 4 */
    -webkit-transition: all 0.5s ease;
    /* Safari 和 Chrome */
    -o-transition: all 0.5s ease;
    /* Opera */
}

.see-more:hover:after {
    right: -31px;
}

.btn-more {
    font-size: 14px;
    color: #03933B;
    position: relative;
    display: inline-block;
}

.btn-more:after {
    content: url(../image/arrow-r-green.svg);
    width: 18px;
    position: absolute;
    top: -1px;
    right: -26px;
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    /* Firefox 4 */
    -webkit-transition: all 0.5s ease;
    /* Safari 和 Chrome */
    -o-transition: all 0.5s ease;
    /* Opera */
}

.btn-more:hover:after {
    right: -31px;
}

.more-view .latest-category {
    font-weight: bold;
    font-size: 16px;
    color: #272727;
    text-decoration: underline;
}

.business-lists {
    display: flex;
    display: -webkit-flex;
    justify-content: space-around;
    flex-wrap: nowrap;
}

.business-lists>li {
    width: 283px;
    height: 420px;
    overflow: hidden;
    position: relative;
    cursor: pointer;
    margin-top: 2px;
    border-left: 1px solid white;
}

.bznis-item>a {
    display: block;
    width: 100%;
    height: 100%;
}

.bznis-item .layer {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    /*height: 100%;*/
    z-index: 10;
}

.layer .layer-bg {
    position: absolute;
    bottom: 0;
    left: 0;
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 6%, #000000 97%);
    width: 100%;
    height: 192px;
    z-index: 7;
    opacity: 0;
}

.bznis-item img {
    /*height: 100%;
		width: 100%;*/
    width: 100%;
    text-align: center;
    vertical-align: middle;
}

.scroll_box {
    width: 100%;
    overflow-x: auto;
    position: relative;
}

.inner-box {
    width: 1821px;
}

.slide_Left,
.slide_Right {
    width: 24px;
    position: absolute;
    bottom: 380px;
    cursor: pointer;
}

.slide_Right {
    right: -50px;
}

.slide_Left {
    left: -50px;
}

.filter {
    -webkit-filter: grayscale(100%);
    /* Chrome, Safari, Opera */
    filter: grayscale(100%);
}

.bznis-item .layer .layer-txt {
    position: absolute;
    width: 100%;
    padding: 0 20px;
    bottom: 0px;
    z-index: 11;
}

.bznis-item .layer .bznis-txt {
    font-size: 20px;
    color: #FFFFFF;
    font-weight: bold;
    transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    /* Firefox 4 */
    -webkit-transition: all 0.5s linear;
    /* Safari 和 Chrome */
    -o-transition: all 0.5s linear;
    /* Opera */
}

.layer .bznis-sub-txt {
    font-weight: normal;
    font-size: 16px;
    color: #FFFFFF;
    line-height: 24px;
    width: 200px;
    margin-top: 6px;
    margin-bottom: 10px;
    opacity: 0;
    height: 0px;
}

.layer .btn-more {
    opacity: 0;
}

.green-box {
    margin-top: 60px;
    margin-bottom: 60px;
    /*position: relative;*/
}

.green-box .green-list {
    /*height: 180px;*/
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    position: relative;
}

.green-list .green-item {
    /*width: 50%;*/
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    /* Firefox 4 */
    -webkit-transition: all 0.5s;
    /* Safari 和 Chrome */
    -o-transition: all 0.5s;
    /* Opera */
    position: relative;
}

.green-list .green-item.green-item-l {
    width: 47%;
}

.green-list .deepl.green-item.green-item-l {
    width: 53%;
    padding-right: 3%;
}

.green-list .green-item.green-item-r {
    width: 53%;
    padding-left: 3%;
}

.green-list .lightr.green-item.green-item-r {
    width: 47%;
    padding-left: 0;
}

.green-list .green-item.green-item-l:hover~.move-block {
    left: calc(50% - 3% + 15px);
}

.green-list .green-item.green-item-r:hover~.move-block {
    left: calc(50% - 3% - 15px);
}

.green-list .deepl.green-item.green-item-l:hover~.move-block {
    left: calc(50% + 3% + 15px);
}

.green-list .lightr.green-item.green-item-r:hover~.move-block {
    left: calc(50% + 3% - 15px);
}

.green-list .green-item .green-con {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 200px;
    width: 570px;
    position: relative;
}

.green-list .green-item.green-light {
    background: #80BA27;
    height: 200px;
}

.green-list .green-item.green-deep {
    background: #006647;
    height: 200px;
}

.move-light-green {
    background: #80BA27;
}

.move-deep-green {
    background: #006647;
}

.move-block {
    height: 200px;
    width: 6%;
    position: absolute;
    top: 0;
    left: calc(50% - 3%);
    transform: translateX(-50%);
    z-index: 100;
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    /* Firefox 4 */
    -webkit-transition: all 0.5s ease;
    /* Safari 和 Chrome */
    -o-transition: all 0.5s ease;
    /* Opera */
}

.move-block.move-block-l {
    left: calc(50% + 3%);
}

.green-qrcode {
    text-align: center
}

.green-qrcode img {
    width: 108px;
}

.green-qrcode p {
    font-size: 16px;
    color: #FFFFFF;
    text-align: center;
    line-height: 24px;
    font-weight: normal;
    margin-top: 10px;
}


/*.green-list .green-item.green-deep .green-con {
		position: absolute;
		right: calc(50vw*0.19);
	}*/


/*.green-list .green-item.green-light .green-con {
		position: absolute;
		left: calc(50vw*0.19);
	}

	.this_green-conl {
		left: calc(50vw*0.19) !important;
	}*/


/*.this_green-conr {
		left: auto !important;
		right: calc(50vw*0.19) !important;
	}*/

.green-list .green-item.texture-bg {
    background-image: url(../image/bg-green1.png);
    background-size: cover;
    background-position: 50%;
    position: relative;
}

.green-list li:first-child {
    display: flex;
    display: -webkit-flex;
    justify-content: flex-end;
}


/*.green-list li:last-child {
		display: flex;
		display: -webkit-flex;
		justify-content: flex-start;
	}*/

.green-bx-t {
    font-size: 32px;
    color: #FFFFFF;
    text-align: center;
    font-weight: bold;
    text-align: center;
}

.green-bx-tel {
    font-size: 42px;
    color: #FFFFFF;
    text-align: center;
    font-weight: bold;
}

.green-bx-sub {
    font-size: 14px;
    color: #FFFFFF;
    text-align: center;
    font-weight: normal;
    text-align: center
}

.green-bx-subt {
    font-size: 16px
}

.green-input {
    margin-top: 10px;
    width: 68%;
    align-self: center;
    position: relative;
}

.green-input .form-input {
    width: 100%;
    height: 48px;
}

.green-input>img {
    position: absolute;
    width: 20px;
    top: 50%;
    transform: translateY(-50%);
    right: 15px;
    cursor: pointer;
}

.glp-contact-icon {
    text-align: center;
    margin-top: 20px;
}

.glp-contact-icon>a {
    width: 56px;
    display: inline-block;
}

.glp-contact-icon img {
    width: 56px;
}

.glp-contact-icon>a:nth-child(2) {
    margin: 0 40px;
}

.green-input.form-group button {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
    border-radius: 0;
    outline: none;
    border: none;
    height: 48px;
    font-size: 18px;
    color: #FFFFFF;
    text-align: center;
    font-weight: bold;
    background: #009536;
    line-height: 48px;
    padding: 10px 20px;
    white-space: nowrap;
    cursor: pointer;
}

.glp-des p {
    text-align: center;
    font-size: 16px;
    color: #242424;
    text-align: center;
    line-height: 24px;
    margin-bottom: 10px;
}

.about-glp-section {
    background: url(../image/glp-buliding1.png) no-repeat center;
    background-size: cover;
}

.r-title {
    font-size: 24px;
    color: #029439;
    text-align: center;
    line-height: 32px;
    font-weight: bold;
    margin-bottom: 10px;
}

.about-glp {
    padding: 45px 0px;
}

.glp-data-t {
    font-size: 18px;
    color: #515659;
    text-align: center;
    font-weight: bold;
    margin-top: 40px;
    margin-bottom: 10px;
}

.glp-data {
    text-align: center;
}

.datas-list {
    display: flex;
    display: -webkit-flex;
    justify-content: center;
}

.datas-list .data-items {
    padding: 10px 20px;
    text-align: center;
    width: 320px;
}

.datas-list .data-items:nth-child(2) {
    position: relative;
}

.datas-list .data-items:nth-child(2):before {
    content: "";
    display: block;
    position: absolute;
    top: 10px;
    left: 0;
    width: 1px;
    height: 90px;
    background: #03933B;
}

.datas-list .data-items:nth-child(2):after {
    content: "";
    display: block;
    position: absolute;
    top: 10px;
    right: 0;
    width: 1px;
    height: 90px;
    background: #03933B;
}

.datas-list.dates-list2 .data-items:nth-child(2):before,
.datas-list.dates-list2 .data-items:nth-child(2):after {
    height: 122px
}

.change-data {
    font-size: 44px;
    color: #03933B;
    text-align: center;
    font-weight: 900;
}

.change-data .sm-txt {
    font-size: 24px;
    font-weight: bold;
    margin-left: 7px;
    margin-right: 7px;
}

.data-items .data-des {
    font-size: 16px;
    color: #373839;
    text-align: center;
    line-height: 21px;
    font-weight: 400;
}

.btn.btn-green {
    font-size: 14px;
    color: #03933B;
    position: relative;
    display: inline-block;
    padding: 12px 50px 12px 20px;
    border: 1px solid #03933B;
    font-weight: bold;
}

.btn.btn-green:after {
    content: url(../image/arrow-r-green.svg);
    width: 18px;
    position: absolute;
    top: 12px;
    right: 20px;
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    /* Firefox 4 */
    -webkit-transition: all 0.5s ease;
    /* Safari 和 Chrome */
    -o-transition: all 0.5s ease;
    /* Opera */
}

.btn.btn-green:hover:after {
    right: 14px;
}

.btn.btn-white {
    font-size: 14px;
    color: #fff;
    position: relative;
    display: inline-block;
    padding: 12px 50px 12px 20px;
    border: 1px solid #fff;
    font-weight: bold;
}

.btn.btn-white:after {
    content: url(../image/arrow-r-white1.svg);
    width: 18px;
    position: absolute;
    top: 12px;
    right: 20px;
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    /* Firefox 4 */
    -webkit-transition: all 0.5s ease;
    /* Safari 和 Chrome */
    -o-transition: all 0.5s ease;
    /* Opera */
}

.btn.btn-white:hover:after {
    right: 14px;
}

.data-btn {
    margin-top: 50px;
}


/*首页奖项轮播*/

.awards-container {
    overflow: hidden;
    padding: 0 70px;
}

.awards-container .swiper-button-prev {
    left: 10px !important;
}

.awdSwiper .swiper-button-prev:after {
    content: url(../image/pre.svg);
    width: 40px;
    display: block;
    position: absolute;
    top: -65px;
    padding-top: 65px;
}

.awdSwiper .swiper-button-next:after {
    content: url(../image/next.svg);
    width: 40px;
    display: block;
    position: absolute;
    top: -65px;
    padding-top: 65px;
}

.awards-container .swiper-button-prev:after {
    content: url(../image/pre.svg);
    background: #fff;
    width: 40px;
    height: 130px;
    display: block;
    position: absolute;
    top: -65px;
    padding-top: 65px;
}

.awards-container .swiper-button-next {
    right: 0px;
}

.awards-container .swiper-button-next:after {
    content: url(../image/next.svg);
    background: #fff;
    width: 40px;
    height: 130px;
    display: block;
    position: absolute;
    top: -65px;
    padding-top: 65px;
}

.awards-container .swiper-slide {
    margin-bottom: 40px;
    margin-top: 4px;
}

.awards-item {
    display: block;
    position: relative;
}

.awards-item>img {
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    /* Firefox 4 */
    -webkit-transition: all 0.5s ease;
    /* Safari 和 Chrome */
    -o-transition: all 0.5s ease;
    /* Opera */
}

.awards-item>span {
    font-size: 14px;
    color: #242424;
    text-align: center;
    line-height: 21px;
    font-weight: normal;
    display: block;
    white-space: nowrap;
    text-align: center;
    position: absolute;
    bottom: -40px;
    left: 50%;
    transform: translateX(-50%);
}


/*最新动态轮播图*/

.latest-swiper {
    overflow: hidden;
    padding: 0 70px;
    position: relative;
}

.latest-swiper .swiper-button-next {
    right: 0;
}

.latest-swiper .swiper-button-next:after {
    content: url(../image/next.svg);
    background: #fff;
    width: 70px;
    height: 343px;
    display: block;
    position: absolute;
    left: -6px;
    top: -170px;
    padding-top: 150px;
    margin-top: -20px;
}

.latest-swiper .swiper-button-prev {
    left: 0;
}

.latest-swiper .swiper-button-prev:after {
    content: url(../image/pre.svg);
    background: #fff;
    width: 70px;
    height: 343px;
    display: block;
    position: absolute;
    top: -170px;
    left: -1px;
    padding-top: 150px;
    margin-top: -20px
}

.logo-swiper {
    padding: 0 50px;
}

.logo-swiper .swiper-button-next:after {
    content: "";
    display: block;
    width: 24px;
    height: 44px;
    position: absolute;
    top: 0;
    left: inherit;
    background-image: url(../image/next.svg);
    background-size: 100%;
    background-repeat: no-repeat;
    padding-top: 0;
}

.logo-swiper .swiper-button-prev:after {
    content: "";
    display: block;
    width: 24px;
    height: 44px;
    position: absolute;
    top: 0;
    left: inherit;
    background-image: url(../image/pre.svg);
    background-size: 100%;
    background-repeat: no-repeat;
    padding-top: 0;
}

.hhLast-swiper .swiper-button-prev:after,
.hhLast-swiper .swiper-button-next:after {
    top: -213px;
}


/*Monster swiper*/

.Outer .Inner {
    width: 100%;
    height: 100vh;
    position: relative;
}

.scroll-section .Inner {
    height: auto
}

.Scroll {
    background: #fff;
}

.Outer .Inner .swiper-content {
    position: absolute;
    width: 100%;
    padding-left: 17%;
    text-align: left;
    z-index: 20;
    top: 50%;
    transform: translateY(-50%);
}

.Outer .Inner.Inner-txt-right .swiper-content {
    padding-left: 60%;
    left: inherit;
}

.docSlider-pager {
    right: inherit;
    left: 11%;
}

.docSlider-button {
    width: 8px;
    height: 19px;
    background: #fff;
    border-radius: 0;
    margin: 0 0 1px;
    opacity: 0.6;
}

.docSlider-pager .docSlider-button:last-child {
    height: 51px;
}

.docSlider-button.selected {
    background: #009539;
}

.monster-slide .swiper-content .swiper-sub-t,
.monster-slide .swiper-content .swiper-t {
    text-align: left;
}

.latest-lists .latest-item,
.monster-slide .swiper-content .swiper-sub-t,
.monster-slide .swiper-content .swiper-t,
.monster-slide .swiper-content .swiper-btn {
    opacity: 0;
}

.opt {
    opacity: 1 !important;
}

#under-banner {
    margin-top: 120px;
}

#under-banner.crumbs-nav {
    margin-top: 65px;
}

#under-banner.crumbs-nav.h-crumbs {
    margin-top: 0;
}


/*Monster swiper*/


/*awards 轮播结束*/

.joinus {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    position: relative;
}

.joinus .joinus-video {
    width: 77%;
    position: relative;
}

.video-above-text {
    position: absolute;
    width: 77%;
    height: 100%;
    top: 0;
    left: 0;
    padding: 100px 50px;
}

.video-above-text .video-des {
    font-size: 22px;
    color: #FFFFFF;
    line-height: 33px;
    text-align: justify;
    font-weight: normal;
}

.video-above-text .video-name {
    font-weight: bold;
    font-size: 30px;
    color: #FFFFFF;
    text-align: right;
    margin-top: 5px;
}

.video-above-text .video-posi {
    font-weight: bold;
    font-size: 18px;
    color: #FFFFFF;
    text-align: right;
    margin-top: 5px;
}

.joinus .joinus-career {
    width: 240px;
    position: relative;
}

.joinus-career>a {
    display: block;
}

.new-career {
    position: absolute;
    right: 20px;
    bottom: 30%;
    font-size: 32px;
    color: #009539;
    font-weight: bold;
    text-shadow: 0 2px 4px rgba(78, 78, 78, 0.50);
}

.container-ywll {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 10001;
    display: none;
    overflow-x: hidden;
    overflow-y: auto;
}

.ywll-pop {
    width: 750px;
    margin: 80px auto;
    padding: 50px 45px;
    background: #fff;
    position: relative;
}

.close-ywll {
    position: absolute;
    top: 30px;
    right: 30px;
    width: 24px;
    height: 24px;
    cursor: pointer;
}

.ywll-title {
    font-size: 18px;
    color: #029439;
    font-weight: bold;
    margin-bottom: 16px;
}

.ywll-category {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between
}

.ywll-cate-col {
    width: 30%;
}

.ywll-cate-col:nth-child(2) {
    width: 36%;
}

.ywll-cate-col:last-child {
    width: 25%;
}

.ywll-t {
    font-size: 32px;
    color: #03933B;
    font-weight: 900;
}

.ywll-t span {
    font-size: 32px;
    color: #03933B;
    font-weight: normal;
}

.cek-ywll {
    display: inline-block;
    padding-left: 20px;
    font-size: 14px;
    line-height: 20px;
    color: #545658;
    font-weight: normal;
}

.ywll-item {
    padding: 12px;
    background: #FFFFFF;
    border: 1px solid #C1C2C3;
    margin-bottom: 10px;
}

.ywll-item label {
    display: flex;
    display: -webkit-flex;
    justify-content: flex-start;
    position: relative;
}

.ywll-item .cek-temp {
    position: absolute;
    top: 4px;
    left: 0px;
    z-index: 8;
}

.cate-title {
    font-size: 18px;
    color: #515659;
    font-weight: bold;
    margin-bottom: 10px;
}

.cek-label input[type=checkbox] {
    margin-right: 10px;
    display: none;
}

.cek-temp {
    display: inline-block;
    width: 15px;
    height: 15px;
    margin: 0 0 1px 0;
    margin-right: 8px;
    vertical-align: middle;
    background: #FFFFFF;
    border: 1px solid #C1C2C3;
    border-radius: 2px;
    position: relative;
}

.checkbx:checked+.cek-temp {
    background: #00953E;
    border: 1px solid #00953E;
}

.checkbx:checked+.cek-temp:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    display: block;
    width: 15px;
    height: 15px;
    color: #fff;
    border-radius: 2px;
    text-align: center;
    background-image: url(../image/cy.png);
    background-repeat: no-repeat;
    background-size: 12px 12px;
}

.cek-txt {
    font-size: 14px;
    color: #373839;
    font-weight: bold;
    /*text-decoration: underline;*/
    cursor: pointer;
    display: inline-block;
    position: relative;
}

.cek-txt a {
    text-decoration: underline;
    color: #029439;
}


/*首页样式end*/


/*关于普洛斯*/

.glp-intro {
    display: flex;
    display: -webkit-flex;
}

.aboutglp-r {
    width: 20%;
    border-left: 1px solid #D8D8D8;
}

.aboutglp-l {
    flex: 1;
    margin-right: 40px;
}

.data-glp {
    text-align: center;
    margin-bottom: 10px;
}

.data-glp:last-child {
    margin-bottom: 0;
}

.data-glp .change-data {
    font-size: 32px;
    font-weight: bold;
}

.data-glp .data-des {
    font-size: 16px;
    line-height: 24px;
    color: #262626;
}

.data-glp .change-data .sm-txt {
    font-size: 14px
}

.glp-bold {
    font-size: 18px;
    color: #262626;
    line-height: 27px;
    font-weight: bold;
    margin-bottom: 20px;
    text-align: justify;
}

.glp-normal {
    font-size: 16px;
    line-height: 24px;
    color: #262626;
    font-weight: normal;
    margin-bottom: 20px;
    text-align: justify;
}

.global-network {
    padding: 60px 0;
    background: #F1F1F1;
    position: relative;
}

.section-white {
    background: #fff;
    padding: 40px 0;
}

.section-grey {
    background: #F1F1F1;
    padding: 40px 0;
}

.section-grey.join-se5 {
    background: #FAFAFA;
    padding: 0;
}

.join-se5 .text-and-img div {
    padding: 40px 55px;
}

.join-se5 .text-and-img .textImg {
    padding: 0;
}

.global-map img {
    width: 1040px;
}

.milestone-section {
    padding: 60px 0;
    background: url(../image/mile-bg.png) no-repeat center;
    background-size: cover;
}

.milestones-container .swiper-slide {
    padding: 60px 15px 0;
    /*border-top: 1px dashed #029439;*/
}

.swiper-container.milestones-container {
    padding: 50px 30px 0;
}

.milestones-container .swiper-slide,
.milestone-item {
    position: relative;
}


/*.miles-year {
		position: absolute;
		top: -31px;
		left: 50%;
		transform: translateX(-50%);
		display: inline-block;
		width: 58px;
		height: 58px;
		line-height: 58px;
		border-radius: 50%;
		background: #029439;
		font-size: 18px;
		color: #FFFFFF;
		text-align: center;
		font-weight: bold;
	}*/

.miles-year {
    position: absolute;
    top: -36px;
    left: 50%;
    transform: translateX(-50%);
    background: url(../image/year.svg) no-repeat;
    width: 70px;
    height: 80px;
    color: #FFFFFF;
    text-align: center;
    font-size: 23px;
    line-height: 70px;
    font-weight: normal;
}

.milestones-container .swiper-button-prev:after {
    content: url(../image/sw-l.svg);
}

.milestones-container .swiper-button-next:after {
    content: url(../image/sw-r.svg);
}

.milestones-container .swiper-button-next,
.milestones-container .swiper-button-prev {
    top: 43px;
}

.milestones-pagination {
    text-align: center;
    margin-top: 60px;
}

.milestones-pagination .swiper-pagination-bullet {
    background: #E3E3E3;
    opacity: 1;
}

.milestones-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #029439;
}

.geen-dashed {
    width: 100%;
    height: 1px;
    border-bottom: 1px dashed #029439;
    margin-top: 15px;
    margin-bottom: 15px;
}

.mileston-des p {
    font-size: 16px;
    color: #262626;
    line-height: 24px;
    font-weight: normal;
    text-align: justify;
}

.mileston-des .green-txt {
    font-size: 16px;
    color: #029439;
    line-height: 24px;
    font-weight: bold;
}

.swiper-container.milestones-container:after {
    content: "";
    display: block;
    position: absolute;
    top: 50px;
    left: 30px;
    width: calc(100% - 60px);
    height: 1px;
    border-top: 1px dashed #029439;
}

.swiper-normal {
    padding: 0 0 50px;
}

.swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    opacity: 1;
    background: #E3E3E3;
}

.swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #029439;
}


/*关于普洛斯end*/

.glp-tabs {
    display: flex;
    display: -webkit-flex;
    padding-bottom: 10px;
    border-bottom: 1px solid #D8D8D8;
}

.glp-tabs .glp-tab {
    text-align: center;
}

.glp-tabs .glp-tab span {
    font-size: 24px;
    color: #252525;
    text-align: center;
    font-weight: normal;
    cursor: pointer;
    display: inline-block;
}

.glp-tabs .glp-tab.glp-tab-active span {
    color: #029439;
    position: relative;
    font-weight: bold;
}

.glp-tabs .glp-tab.glp-tab-active span:after {
    content: "";
    display: inline-block;
    position: absolute;
    bottom: -10px;
    left: 0px;
    width: 100%;
    height: 6px;
    background: #029439;
}


/*两个tab的宽*/

.tab-col5 {
    width: 50%;
}

.tab-col3 {
    width: 33.3333%;
}

.glp-tab-con {
    display: none;
}

.glp-tab-con.tab-con-active {
    display: block;
}


/*管理团队*/

.directors-list {
    display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    flex-wrap: wrap;
}

.director-item {
    width: 200px;
    max-width: 200px;
    height: calc(100% - 50px);
    margin-right: 80px;
    margin-bottom: 50px;
}

.director-item:nth-child(4n) {
    margin-right: 0;
}

.director-img {
    width: 200px;
    height: 200px;
    border: 1px solid #d4d4d4;
    position: relative;
    display: block;
    background: #fff;
}

.more-director {
    position: absolute;
    bottom: 6px;
    right: 6px;
    width: 28px;
    cursor: pointer;
}

.director-name {
    padding-top: 20px;
}

.diector-n {
    font-size: 15px;
    line-height: 20px;
    color: #1C9E4D;
    font-weight: bold;
    margin-bottom: 5px;
}

.diector-n:first-child {
    margin-bottom: 0px;
}

.diector-career {
    font-size: 14px;
    color: #606162;
    font-weight: 600;
    line-height: 1.5;
    white-space: nowrap;
}

.director-more-bg {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.90);
    z-index: 1000;
    display: none;
    overflow-y: scroll;
}

.director-more-info {
    width: 60%;
    max-width: 865px;
    min-width: 700px;
    background: #FFFFFF;
    border: 1px solid #F1F1F1;
    box-shadow: 0 8px 12px 0 rgba(0, 0, 0, 0.15);
    border-radius: 6px;
    position: relative;
    /*top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);*/
    padding: 80px 50px;
    display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    flex-wrap: nowrap;
    margin: 10% auto 0;
}

.director-more-info .director-more-con {
    margin-right: 50px;
    padding-top: 10px;
}

.director-detail p {
    font-size: 16px;
    color: #262626;
    line-height: 24px;
    font-weight: normal;
    text-align: justify;
    margin-bottom: 16px;
}

.close-director {
    position: absolute;
    top: 15px;
    right: 18px;
    width: 29px;
    height: 29px;
    cursor: pointer;
}


/*管理团队end*/

.gl-list {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
}

.gl-list .gl-item {
    width: 50%;
}

.gl-brand {
    padding: 64px 2px;
}

.gl-brand.gl-brand-pd {
    padding: 20px 0px;
}

.gl-brand-list {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    justify-content: center;
}

.gl-brand-list .brand-item {
    width: 25%;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    background: #FFFFFF;
    border: 1px solid #E5E5E5;
}

.brand-item-spno {
    opacity: 0;
}

.gl-brand-list .brand-item:hover a img {
    opacity: 0.6;
}

.gl-brand-list .brand-item.item-gap {
    width: calc(25% - 15px);
    background: #fbfbfb;
    margin-bottom: 20px;
}

.gl-brand-list .brand-img {
    width: 100%;
    position: relative;
}

.business-pop,
.brand-more-bg {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    /*background: rgba(255, 255, 255, 0.90);*/
    z-index: 1000;
    display: none;
    overflow: scroll;
}

.brand-more-info {
    width: 60%;
    max-width: 865px;
    min-width: 700px;
    background: #FFFFFF;
    border: 1px solid #F1F1F1;
    box-shadow: 0 8px 12px 0 rgba(0, 0, 0, 0.15);
    border-radius: 6px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 80px 50px;
    display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    flex-wrap: nowrap;
    margin: 50px auto;
}

.business-plan {
    width: 72%;
    max-width: 1040px;
    min-width: 700px;
    background: #FFFFFF;
    border: 1px solid #F1F1F1;
    box-shadow: 0 8px 12px 0 rgba(0, 0, 0, 0.15);
    border-radius: 6px;
    margin: 10% auto;
    padding: 40px;
    position: relative;
}

.plan-t {
    font-weight: bold;
    font-size: 34px;
    line-height: 50px;
    color: #029439;
    text-align: center;
    margin-bottom: 10px;
}

.plan-con {
    font-size: 16px;
    color: #262626;
    text-align: center;
    line-height: 24px;
    margin-bottom: 30px;
}

.plan-s-t {
    font-size: 18px;
    color: #00953A;
    line-height: 24px;
    margin-bottom: 20px;
    font-weight: bold;
    text-align: center;
}

.plan-form {
    width: 660px;
    margin: 0 auto;
}

.plan-form .col {
    width: 100%;
}

.plan-form .col-2 {
    width: 190px;
}

.plan-form .col-3 {
    width: 230px;
}

.plan-form .col-8 {
    width: 460px;
}

.plan-form input {
    background: #FFFFFF;
    border: 1px solid #C1C2C3;
}

.file {
    position: relative;
}

.file-input {
    position: absolute;
    opacity: 0;
}

.plan-form .t {
    font-weight: 600;
    font-size: 14px;
    margin-bottom: 5px;
}

.plan-form .form-btn.form-btn-hw {
    width: 200px;
    font-size: 18px;
    margin-top: 20px
}

.close-business,
.close-brand {
    position: absolute;
    top: 15px;
    right: 18px;
    width: 29px;
    height: 29px;
    cursor: pointer;
}

.brand-more-con {}

.brand-jpg {
    float: left;
    width: 220px;
    height: 220px;
    background: #FFFFFF;
    border: 1px solid #D4D4D4;
    margin-right: 40px;
    padding: 45px 0;
}

.more-brand {
    position: absolute;
    bottom: 6px;
    right: 6px;
    width: 28px;
    cursor: pointer;
}

.gl-brand-list.list-gap {
    justify-content: space-between;
}

.gl-img {
    position: relative;
    overflow: hidden;
    display: block;
}

.gl-img img {
    display: block;
    border: 0;
    cursor: pointer;
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    /* Firefox 4 */
    -webkit-transition: all 0.5s ease;
    /* Safari 和 Chrome */
    -o-transition: all 0.5s ease;
    /* Opera */
}

.gl-img:hover img {
    transform: scale(1.02);
}

.gl-img.text-left:after {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 50%;
    height: 100%;
    background-image: linear-gradient(268deg, rgba(255, 255, 255, 0.00) 0%, #FFFFFF 100%);
    z-index: 11;
}

.gl-img.text-right:after {
    content: "";
    position: absolute;
    top: 0px;
    right: 0px;
    width: 50%;
    height: 100%;
    background-image: linear-gradient(268deg, rgba(255, 255, 255, 0.00) 0%, #FFFFFF 100%);
    transform: scaleX(-1);
    z-index: 11;
}

.gl-txt {
    font-size: 32px;
    color: #000000;
    font-weight: bold;
}

.text-left .gl-txt {
    position: absolute;
    top: 20px;
    left: 100px;
    z-index: 13;
}

.text-right .gl-txt {
    position: absolute;
    top: 20px;
    right: 100px;
    z-index: 13;
}

.ywgl-list {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.ywgl-list .ywgl-item {
    width: 48%;
    border: 1px solid #DFDFDF;
    margin-bottom: 30px;
}

.ywgl-img {
    height: 350px;
    overflow: hidden;
}

.ywgl-con {
    padding: 20px 20px 40px;
}

.ywgl-title {
    font-size: 24px;
    color: #262626;
    line-height: 32px;
    font-weight: bold;
    margin-bottom: 14px;
}

.ywgl-content {
    font-size: 16px;
    color: #262626;
    line-height: 24px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    overflow: hidden;
}

.sy-content {
    position: relative;
    margin-bottom: 60px;
}

.sy-contxt {
    position: absolute;
    top: 0;
    left: 0;
    width: calc(63% + 80px);
    padding: 30px 40px;
}

.sy-sub-title {
    font-size: 24px;
    color: #262626;
    line-height: 32px;
    font-weight: bold;
    margin-bottom: 20px;
    margin-top: 30px;
}

.sy-des {
    margin-bottom: 30px;
    font-size: 16px;
    color: #262626;
    line-height: 24px;
}

.sy-input {
    margin-top: 10px;
    width: 320px;
    align-self: center;
    position: relative;
}

.tzln-box {}

.tzln-list {}

.tzln-list .items {
    width: 50%;
    float: left;
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
}

.tzln-list .items:nth-child(2n+1) {
    clear: both;
}

.tzln-list .items img {
    width: 50%;
}

.tzln-list .items .txt {
    width: 50%;
    padding: 20px;
    align-self: center;
}

.tzln-t {
    font-weight: bold;
    font-size: 20px;
    color: #00953A;
    line-height: 26px;
    margin-bottom: 25px;
}

.tzln-des {
    font-weight: normal;
    font-size: 16px;
    color: #262626;
    line-height: 24px;
}

.gzly-list {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.gzly-list .guly-item {
    width: 32%;
    background: #fff;
    border: 1px solid #C1C2C3;
}

.guly-item .guly-img {
    width: 100%;
    height: 280px;
    overflow: hidden;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
}

.guly-img img {
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    /* Firefox 4 */
    -webkit-transition: all 0.5s ease;
    /* Safari 和 Chrome */
    -o-transition: all 0.5s ease;
    /* Opera */
}

.guly-item .guly-img:hover img {
    transform: scale(1.03);
}

.guly-item .guly-con {
    padding: 30px 40px;
}

.guly-con .guly-t {
    font-size: 24px;
    color: #00953A;
    line-height: 32px;
    font-weight: bold;
    margin-bottom: 20px;
}

.guly-con .guly-des {
    font-weight: normal;
    font-size: 16px;
    color: #262626;
    line-height: 24px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    text-overflow: ellipsis;
    overflow: hidden;
}

.our-team {
    display: flex;
    display: -webkit-flex;
}

.our-team .team-img {
    width: 63%;
}

.our-team .team-txt {
    flex: 1;
    padding: 0 50px;
    align-self: center;
}

.team-txt .team-t {
    font-size: 28px;
    color: #373839;
    font-weight: bold;
}

.team-txt .team-c {
    font-size: 16px;
    color: #262626;
    line-height: 24px;
    margin-top: 15px;
    margin-bottom: 30px;
}

.swiper-contact {
    position: relative;
    overflow: hidden;
    padding-bottom: 40px;
}

.contact-addr {
    font-size: 16px;
    color: #262626;
    line-height: 24px;
    margin-bottom: 10px;
}

.contact-fax {
    font-size: 14px;
    color: #262626;
    line-height: 20px;
}

.contact-us {
    width: 100%;
    position: relative;
    height: calc(100vh - 200px);
}

.contact-map {
    height: 100%;
}

.onMap {
    position: absolute;
    width: 360px;
    top: 60px;
    right: 20px;
}

.onMap .green-box {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    margin: 0;
}

.onMap .green-box .green-list {
    width: 360px;
    flex-wrap: wrap;
}

.onMap .green-list .green-item {
    width: 100%;
    margin-bottom: 20px;
}

.onMap .green-list .green-item .green-con {
    width: 100%;
    height: 120px;
}

.onMap .green-list .green-bx-t {
    font-size: 28px;
}

.onMap .green-input {
    width: 85%;
    margin-top: 5px;
}

.onMap .green-input .form-input {
    height: 44px;
}

.mappop-park {
    box-shadow: 0 4px 4px 0 rgba(130, 130, 130, 0.30);
}

.mappop-park .mpop-img {
    width: 100%;
    height: 169px;
    overflow: hidden;
    display: block;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.mappop-park .mappop-txt {
    padding: 10px;
    display: block !important;
}

.mappop-txt .m-pop-t {
    font-size: 20px;
    color: #262626;
    line-height: 26px;
    font-weight: bold;
    display: block;
    margin-bottom: 10px;
}

.mappop-txt .m-pop-st {
    font-size: 14px;
    color: #545658;
    line-height: 18px;
    font-weight: bold;
    margin-bottom: 10px;
}

.mappop-txt .m-pop-des {
    font-size: 14px;
    color: #262626;
    line-height: 20px;
    font-weight: normal;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    text-overflow: ellipsis;
    overflow: hidden;
    height: 60px;
}

.map-pop {
    padding: 20px;
    height: 225px;
}

.map-input-group {
    display: flex;
    display: -webkit-flex;
    flex-wrap: nowrap;
    width: 360px;
    background: #fff;
    height: 44px;
    position: absolute;
    top: 60px;
    left: 20px;
}

.map-input-group button {
    padding: 12px 20px;
}

.map-input {
    border: 1px solid #C1C2C3;
    display: flex;
    display: -webkit-flex;
    padding: 7px 0;
    flex: 1;
}

.map-input input {
    padding: 3px 5px;
    border-left: 1px solid #c1c2c3;
}

.map-input select {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
    border: none;
    padding: 0 30px 0 15px;
    position: relative;
    background: url(../image/arrow-down.svg) no-repeat 90% center;
}

.m-pop-t {
    font-size: 18px;
    color: #009539;
    margin-bottom: 10px;
}

.m-pop-tel {
    margin-top: 10px;
    font-size: 16px;
    color: #545658;
}

.m-pop-addr {
    font-size: 16px;
    color: #505050;
}

.m-pop-tel img {
    width: 18px;
    margin-right: 10px
}

.text-container {
    padding: 60px 0;
}

.text-container .text-con {
    width: 69%;
    font-size: 16px;
    color: #262626;
    line-height: 24px;
}

.text-container .text-con-p {
    width: 100%;
}

.text-title {
    font-size: 32px;
    color: #029439;
    line-height: 42px;
    font-weight: bold;
    margin-bottom: 40px;
}

.queto-name-b {
    font-weight: bold;
    font-size: 30px;
    line-height: 45px;
    color: #262626;
    text-align: right;
    color: #000;
}

.text-container.text-contain-bg {
    padding: 40px 0;
}

.bg.text-container.text-contain-bg {
    padding: 40px 0 40px;
}

.text-container.text-contain-bg .text-title {
    text-align: center;
}

.text-container.text-contain-bg .text-con-c {
    width: 100%;
    text-align: center;
}

.text-and-img .textImg {
    padding: 0;
}

.text-title-md {
    font-size: 24px;
    color: #029439;
    line-height: 32px;
    margin-bottom: 20px;
    font-weight: bold;
}

.text-container.text-contain-bg {
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
}

.text-and-img {
    display: flex;
    display: -webkit-flex;
    margin-bottom: 40px;
}

.ti-mb0 {
    margin-bottom: 0;
}

.text-and-img .textImg {
    width: 50%;
    align-self: center;
}

.text-and-img .textImg.queto-box {
    background: #fff;
    width: 42%;
    padding: 45px 55px;
}

.text-and-img .textImg img {
    width: 100%;
}

.text-and-img div {
    width: 50%;
    padding: 45px 55px;
}

.text-and-img div .text-con {
    margin-bottom: 20px;
    font-size: 16px;
}

.text-and-img div .text-con-t {
    font-size: 16px;
    color: #262626;
    line-height: 24px;
    font-weight: bold;
    margin-bottom: 10px;
}

.queto-content {
    position: relative;
}

.queto-contxt {
    position: absolute;
    top: 0;
    left: 0;
    padding: 40px 50px;
    width: 69%;
}

.queto-txt {
    font-size: 18px;
    color: #262626;
    line-height: 27px;
    font-weight: bold;
}

.tc {
    text-align: center !important;
}

.ywgl-item>a img {
    transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    /* Firefox 4 */
    -webkit-transition: all 0.5s linear;
    /* Safari 和 Chrome */
    -o-transition: all 0.5s linear;
    /* Opera */
}

.ywgl-item>a:hover img {
    transform: scale(1.05);
}

.ywll .form-row input.form-input {
    background: #FFFFFF;
    border: 1px solid #C1C2C3;
    border-radius: 4px;
    font-size: 14px;
    width: 100%;
}

.ywll .form-row .ywll-col-2 {
    width: 190px;
}

.ywll .form-row .ywll-col-yzm {
    width: 70px;
}

.ywll .form-row .ywll-col-yzm .yzm {
    padding: 11px 10px;
    line-height: 20px;
}

.ywll .form-row .ywll-col-3 {
    width: 250px;
}

.ywll .form-row {
    margin-top: 10px;
}

.form-row.btn-contact {
    margin-top: 20px;
}

.ywll .form-row input.form-input {
    border-radius: 0;
}

.ywll .form-row .txtarea {
    border-radius: 0;
}

.ywll .btn-send {
    padding: 10px 20px;
}

.ywll .form-group.group-tel {
    width: 260px;
    border-radius: 0;
    border: none;
    margin-right: 10px;
}

.form-row.form-ywll-tel {
    justify-content: flex-start;
}

.ywll .form-btn.form-btn-hw {
    width: 200px;
}

.green-txt {
    color: #029439;
}

.queto-title {
    font-weight: bold;
    font-size: 20px;
    color: #029439;
    line-height: 20px;
}

.text-and-img.queto-container {
    justify-content: space-between;
    margin-bottom: 0;
}

.queto-con {
    font-size: 18px;
    color: #262626;
    line-height: 27px;
    font-weight: normal;
    margin-top: 40px;
    margin-bottom: 40px;
    text-align: justify;
    position: relative;
}

.queto-con:before {
    content: "";
    display: block;
    width: 47px;
    height: 39px;
    position: absolute;
    top: -25px;
    left: -55px;
    transform: rotateZ(180deg);
    background-image: url(../image/queto.png);
    background-size: 100%;
    background-repeat: no-repeat;
}

.queto-con:after {
    content: "";
    display: block;
    width: 47px;
    height: 39px;
    position: absolute;
    bottom: -21px;
    right: -48px;
    background-image: url(../image/queto.png);
    background-size: cover;
    background-repeat: no-repeat;
}

.join .queto-con:before {
    background-image: url(../image/queto-w.png);
    background-size: 33px;
    background-repeat: no-repeat;
}

.join .queto-con:after {
    background-image: url(../image/queto-w.png);
    background-size: 33px;
    background-repeat: no-repeat;
}

.queto-name {
    font-size: 16px;
    color: #262626;
    line-height: 22px;
    font-weight: bold;
    text-align: right;
}

.text-container .sy-search-con .text-title {
    font-weight: bold;
    font-size: 32px;
    color: #029439;
    line-height: 42px;
    text-align: left;
    margin-bottom: 40px;
}

.sy-search-con .text-title-sub {
    font-weight: bold;
    font-size: 24px;
    color: #262626;
    line-height: 32px;
    margin-bottom: 20px;
}

.sy-search-con .sy-des {
    margin-bottom: 20px;
}

.sy-search-con .sy-input {
    margin-top: 40px;
}

.tos-box,
.pop-wechatqr {
    width: 750px;
    padding: 40px;
    background: #fff;
    position: absolute;
    top: 15vh;
    left: 50%;
    transform: translateX(-50%);
}

.wechat-box {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
}

.wechat-box .qr {
    width: 293px;
    height: 293px;
}

.wechat-box .qr-des {
    position: relative;
    padding: 0 50px;
    align-self: center;
}

.wechat-box .qr-des:before {
    content: "";
    display: block;
    width: 47px;
    height: 39px;
    position: absolute;
    top: -26px;
    left: 0px;
    transform: rotateZ(180deg);
    background: url(../image/queto.png);
    background-size: 100%;
    background-repeat: no-repeat;
}

.wechat-box .qr-des:after {
    content: "";
    display: block;
    width: 47px;
    height: 39px;
    position: absolute;
    bottom: -26px;
    right: 0px;
    background: url(../image/queto.png);
    background-size: 100%;
    background-repeat: no-repeat;
}

.wechat-box .qr-des p {
    font-weight: bold;
    font-size: 32px;
    color: #029439;
}

.close-tos,
.close-qr {
    text-align: right;
    display: block;
}

.close-tos img,
.close-qr img {
    width: 24px;
    cursor: pointer;
}

.tos-pop {
    overflow-y: auto;
    z-index: 20000;
}

.tos-title {
    font-size: 32px;
    color: #029439;
    line-height: 42px;
    font-weight: bold;
    margin-bottom: 40px;
    text-align: center;
}

.tos-sub-title {
    font-size: 24px;
    color: #029439;
    line-height: 32px;
    font-weight: bold;
    margin-top: 30px;
    margin-bottom: 30px;
}

.tos-des {
    font-weight: normal;
    font-size: 16px;
    color: #262626;
    line-height: 24px;
    margin-bottom: 20px;
}

.contact-section {
    padding: 0 10%;
}

.onMap .green-list .green-item.green-deep,
.onMap .green-list .green-item.green-light {
    height: 120px
}

.onMap .green-list .green-item.green-deep .green-con,
.onMap .green-list .green-item.green-light .green-con {
    position: relative;
    left: 0;
    right: 0;
}

#contactSwiper .swiper-slide {
    height: 224px;
}

#contactSwiper .swiper-con {
    height: 100%;
    padding: 20px;
    border: 1px solid #e1e1e1;
}

.privacy {
    padding: 40px 0 80px;
}

.privacy .main-t {
    color: #029439;
    font-size: 32px;
    text-align: center;
    font-weight: bold;
}

.privacy p {
    margin-bottom: 20px;
    font-size: 16px;
    color: #262626;
    text-align: justify;
}

.privacy p.title {
    margin-bottom: 10px;
    font-size: 18px;
    color: #029439;
    font-weight: bold;
    text-indent: inherit;
}

.privacy p a {
    text-decoration: underline;
}

.privacy p.title-s {
    margin-bottom: 10px;
    font-size: 16px;
    color: #262626;
    font-weight: bold;
    text-indent: inherit;
}

.privacy p.conp {
    padding-left: 20px;
}

.h-middle {
    font-size: 16px;
    color: #262626;
    text-align: center;
    line-height: 24px;
    font-weight: normal;
}

.sy-input.input-b {
    padding: 0;
    width: 360px;
}

.sy-input.input-b .input-wl {
    height: 40px;
}

.center-btn {
    margin-top: 40px;
    text-align: center;
}

.footer.special-footer {}

.privacy.site-map {
    padding: 40px 0 0;
}

.footer.special-footer .footer-menu {
    justify-content: space-between;
}

.footer.site-map-f {
    margin-bottom: 40px;
}

.loading-more .form-btn {
    background: #F6F6F6;
    font-size: 18px;
    color: #262626;
    text-align: center;
    line-height: 24px;
    font-weight: bold;
    margin-top: 20px;
    padding: 28px 0;
    margin-top: 10px;
    margin-bottom: 20px;
}

.card-on-img {
    display: flex;
    display: -webkit-flex;
    justify-content: flex-end;
}

.dc.card-on-img .queto-box {
    width: 64%;
    padding: 40px 60px;
    background: rgba(255, 255, 255, 0.8);
    border-top: 2px solid #80BA27;
    border-bottom: 2px solid #80BA27;
}

.card-on-img .queto-box {
    width: 50%;
    padding: 40px 60px;
    background: rgba(255, 255, 255, 0.8);
    border-top: 2px solid #80BA27;
    border-bottom: 2px solid #80BA27;
}

.card-on-img .queto-box.join {
    width: 50%;
    padding: 40px 60px;
    background: rgba(0, 149, 58, 0.60);
    border-top: none;
    border-bottom: none;
}

.card-on-img .queto-box .queto-con {
    margin-top: 0;
    margin-bottom: 20px;
    font-size: 18px;
    color: #262626;
    line-height: 27px;
    font-weight: bold;
}

.card-on-img .queto-box.join .queto-con {
    color: #fff;
}

.card-on-img .queto-box .queto-name-b {
    font-weight: bold;
    font-size: 30px;
    line-height: 45px;
    color: #262626;
    text-align: right;
}

.card-on-img .queto-box.join .queto-name-b {
    color: #fff;
}

.card-on-img .queto-box .queto-name {
    font-weight: bold;
    font-size: 18px;
    line-height: 27px;
    color: #262626;
    text-align: right;
}

.card-on-img .queto-box.join .queto-name {
    color: #fff;
}

.img-txt-container {
    margin-top: 40px;
}

.img-txt.itxt-bg-grey {
    background: #EDEEF0;
}

.img-section {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between
}

.img-section>div {
    width: 50%;
    overflow: hidden;
}

.img-box img {
    transition: 0.5s;
}

.img-box img:hover {
    transform: scale(1.03);
}

.img-section .img-txt {
    padding: 0 40px;
    display: flex;
    display: -webkit-flex;
}

.img-txt .img-txt-in {
    align-self: center;
}

.img-txt p {
    font-size: 16px;
    color: #262626;
    line-height: 24px;
    font-weight: normal;
    align-self: center;
    margin-bottom: 15px;
}

.img-txt p:last-child {
    margin-bottom: 0;
}

.al-swiper,
.joinus-swiper {
    position: relative;
    overflow: hidden;
}

.al-swiper .swiper-slide {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 516px;
}

.al-swiper:after,
.joinus-swiper:after {
    content: "";
    display: block;
    width: 10%;
    height: 100%;
    background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.50) 100%);
    position: absolute;
    top: 0;
    right: 0;
    z-index: 9;
}

.al-swiper:before,
.joinus-swiper:before {
    content: "";
    display: block;
    width: 10%;
    height: 100%;
    background-image: linear-gradient(-90deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.50) 100%);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9;
}

.al-swiper .swiper-button-next,
.joinus-swiper .swiper-button-next {
    right: 4%;
}

.al-swiper .swiper-button-prev,
.joinus-swiper .swiper-button-prev {
    left: 4%;
}

.al-swiper .swiper-button-next:after,
.joinus-swiper .swiper-button-next:after {
    content: "";
    display: inline-block;
    width: 27px;
    height: 44px;
    background-image: url(../image/next-w.svg);
    background-repeat: no-repeat;
    background-size: 27px 44px;
}

.al-swiper .swiper-button-prev:after,
.joinus-swiper .swiper-button-prev:after {
    content: "";
    display: inline-block;
    width: 27px;
    height: 44px;
    background-image: url(../image/prev-w.svg);
    background-repeat: no-repeat;
    background-size: 27px 44px;
}

.al-swiper.al-sect1 .swiper-button-prev:after,
.esg-sect4.joinus-swiper .swiper-button-prev:after {
    content: "";
    display: inline-block;
    width: 20px;
    height: 40px;
    background-image: url(../image/prev-bw.svg);
    background-repeat: no-repeat;
    background-size: 20px 40px;
}

.al-swiper.al-sect1 .swiper-button-next:after,
.esg-sect4.joinus-swiper .swiper-button-next:after {
    content: "";
    display: inline-block;
    width: 20px;
    height: 40px;
    background-image: url(../image/next-bw.svg);
    background-repeat: no-repeat;
    background-size: 20px 40px;
}

.al-swiper .sy-search-con {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    padding: 40px 0;
    height: 386px;
}

.al-swiper.dc-swiper .sy-search-con {
    height: inherit;
    padding: 20px 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.dc-swiper .green-input {
    max-width: 360px
}

.dc-con {
    background: rgba(0, 0, 0, 0.70);
    padding: 20px 50px 20px;
}

.dc-con .sjzx-b,
.dc-con .glp-normal {
    color: #fff;
}

.joinus-s-con {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 40px 0;
    background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.40) 0%, rgba(255, 255, 255, 0.90) 39%, rgba(255, 255, 255, 0.90) 61%, rgba(255, 255, 255, 0.40) 100%);
    z-index: 11;
}

.joinus-s-con .join-s-t {
    font-size: 24px;
    color: #00953A;
    line-height: 32px;
    font-weight: bold;
    margin-bottom: 20px;
}

.joinus-s-con .join-s-c {
    font-size: 16px;
    color: #262626;
    text-align: justify;
    line-height: 24px;
    font-weight: normal;
}

.posi-list {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    margin-bottom: 20px;
}

.posi-list .posi-item {
    width: 360px;
    position: relative;
}

.posi-item .posi-img {
    width: 100%;
    height: 240px;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
}

.posi-des {
    padding: 10px 10px 2px 0;
    ;
    margin-bottom: 20px;
}

.posi-t {
    font-size: 18px;
    color: #262626;
    line-height: 24px;
    font-weight: bold;
    margin-bottom: 10px;
}

.posi-st {
    font-size: 16px;
    color: #262626;
    line-height: 22px;
    font-weight: bold;
    margin-bottom: 10px;
}

.posi-li {
    padding-left: 20px;
}

.posi-li li {
    font-size: 16px;
    color: #262626;
    line-height: 24px;
    font-weight: normal;
    position: relative;
}

.posi-li li:after {
    content: "";
    display: inline-block;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #262626;
    position: absolute;
    top: 10px;
    left: -10px;
}

.posi-more {
    position: absolute;
    left: 0px;
    bottom: 0;
}

.text-tel a {
    font-size: 16px;
    color: #029439;
    font-weight: bold;
    text-decoration: underline;
    margin-top: 40px;
}

.plszb-list {
    margin-bottom: 40px;
}

.plszb-list {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
}

.plszb-list .plszb-item {
    width: 31.6%;
    padding: 40px 20px;
    background: #FFFFFF;
    border: 1px solid #D4D4D4;
}

.plszb-img {
    text-align: center;
    margin-bottom: 15px;
}

.plszb-img img {
    width: 74px;
    height: 74px;
}

.plszb-t {
    font-size: 24px;
    color: #00953A;
    text-align: center;
    line-height: 32px;
    font-weight: bold;
    margin-bottom: 25px;
}

.plszb-c {
    font-size: 16px;
    color: #262626;
    text-align: justify;
    line-height: 24px;
    font-weight: normal;
}

.newimg-under {
    margin-top: -30px;
    text-align: center !important;
    color: #999 !important;
}

.new-t-c {
    text-align: center;
    font-size: 16px;
}

.media-contact {
    background: #F1F1F1;
    padding: 30px 80px;
}

.media-t {
    font-size: 24px;
    color: #00953A;
    line-height: 32px;
    font-weight: bold;
    width: 43%;
    text-align: center;
    float: left;
    margin-top: 15px;
}

.mc-cons {
    padding: 15px 30px;
    float: left;
    border-left: 1px solid #D8D8D8;
    /*width: 56%;*/
}

.mc-lr {
    float: left;
}

.mc-lr .mc-t {
    font-size: 20px;
    color: #262626;
    line-height: 26px;
    font-weight: bold;
    margin-bottom: 5px;
}

.mc-lr .mc-s-t {
    font-size: 16px;
    color: #262626;
    line-height: 24px;
    margin-bottom: 10px;
    font-weight: 600;
}

.mc-lr>div {
    font-size: 16px;
    color: #262626;
    line-height: 24px;
    margin-bottom: 10px;
}

.mc-lr img {
    width: 22px;
    margin-right: 18px;
}

.mc-left {
    margin-right: 50px;
}

.news-more {
    margin-top: 20px;
    background: #F6F6F6;
}

.news-more a {
    display: block;
    text-align: center;
    padding: 10px 0;
    color: #1C9E4D;
    font-weight: bold;
}

.sort-d {
    font-size: 14px;
    color: #545658;
    font-weight: normal;
    text-align: right;
}

.wechat_pop {
    position: relative;
}

.wechat-news {
    display: none;
    position: absolute;
    left: 0;
    top: -210px;
    width: 200px;
    box-shadow: 2px 3px 4px 0 rgba(0, 0, 0, 0.1);
}

.wechat_pop:hover .wechat-news {
    display: block;
}

.zdyq-txt h2 {
    margin-bottom: 20px
}

.banner-text .text_warp h1 {
    font-size: 42px;
    text-align: left;
}

.iw-sect1 {
    margin-top: 40px;
}

.iw-sect1-list .sect1-item {
    float: left;
    width: 25%;
    height: 148px;
    border-right: 1px solid #029439;
    text-align: center;
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    padding: 5px 0;
}

.iw-sect1-list .sect1-item:last-child {
    border-right: none;
}

.sect1-item .im1 {
    width: 93px;
    height: 70px;
}

.sect1-item .im2 {
    width: 75px;
    height: 85px;
}

.sect1-item .im3 {
    width: 84px;
    height: 66px;
}

.sect1-item .im4 {
    width: 81px;
    height: 82px;
}

.iw-sect1-list .sect1-item .se1-txt {
    font-size: 24px;
    color: #00953A;
    text-align: center;
    line-height: 32px;
    font-weight: bold;
}

.iw-sect1-des {
    margin-top: 30px;
    text-align: center;
}

.isd-t {
    font-size: 16px;
    color: #262626;
    line-height: 24px;
    font-weight: normal;
    margin-right: 30px;
    position: relative;
    padding-left: 18px;
    display: inline-block;
}

.isd-t span {
    background: #029439;
    display: inline-block;
    width: 12px;
    height: 12px;
    position: absolute;
    top: 6px;
    left: 0;
}

.iw-sect2-list .sect2-item {
    width: 227px;
    margin-right: 1px;
    float: left;
}

.iw-sect2-list .sect2-item .se2-txt {
    font-size: 20px;
    color: #00953A;
    text-align: center;
    line-height: 26px;
    font-weight: normal;
    margin-top: 15px;
}

.iw-sect3 {
    text-align: center;
    padding: 0 90px;
}

.iw-sect3 .sec3-img {
    width: 540px;
}

.sec3-left {
    float: left;
}

.sec3-right {
    float: right;
}

.sec3-li ul li {
    padding: 20px 0 15px;
    width: 100px;
    border-bottom: 1px solid #D8D8D8;
    font-size: 16px;
    color: #262626;
    text-align: center;
    line-height: 24px;
    font-weight: normal;
}

.sec3-li ul li:first-child {
    font-size: 24px;
    color: #00953A;
    text-align: center;
    line-height: 32px;
    font-weight: bold;
}

.iw-sect4 {
    margin-top: 60px;
}

.sec4-t {
    font-weight: bold;
    font-size: 24px;
    color: #00953A;
    text-align: center;
    line-height: 32px;
    margin-bottom: 40px;
}

.sec4-des {
    padding: 0 50px;
}

.sec4-left {
    float: left;
    position: relative;
}

.sec4-left:after {
    content: "";
    width: 1px;
    height: 146px;
    background: #029439;
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 0px;
    transform: translateY(-50%);
}

.sec4-right {
    float: right;
}

.sec4-con p {
    font-size: 16px;
    color: #262626;
    text-align: center;
    line-height: 24px;
    font-weight: normal;
    margin-top: 20px;
}

.sec4-con>div {
    float: left;
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    padding: 0 20px;
}

.sec4-con .s4-img {
    height: 48px;
    display: flex;
    display: -webkit-flex;
    align-self: center;
}

.iw-video {
    padding: 0 40px;
    height: 540px;
}

.iw-sect5 {
    margin-top: 50px;
}

.sect5-li {
    padding: 0 125px
}

.sect5-item {
    float: left;
    margin: 0 50px;
    text-align: center
}

.sect5-item img {
    width: 155px;
}

.s5-st {
    margin-top: 20px;
    font-size: 16px;
    color: #262626;
    text-align: center;
    line-height: 24px;
    font-weight: normal;
}

.s5-t {
    font-size: 24px;
    color: #00953A;
    text-align: center;
    line-height: 32px;
    font-weight: bold
}

.banner-text .ban-tl {
    font-size: 42px;
    line-height: 56px;
    text-align: left;
}

.ipsec1-des {
    font-size: 16px;
    color: #262626;
    text-align: center;
    line-height: 24px;
    font-weight: normal;
    margin-top: 30px;
}

.ip-sect1 .iw-sect1-list .sect1-item {
    height: 230px;
}

.ip-sect1 .se1-txt {
    margin-bottom: 20px;
}

.index-section.ip-sect2 {
    margin-top: 90px;
}

.ip-sect3 .sect5-item img {
    width: 186px;
}

.ip-sect3 .sect5-li {
    padding: 0;
}

.ip-sect3 .sect5-item {
    margin: 0;
    width: 25%;
}

.sort-d.sort-dl {
    padding: 0 35px;
    text-align: left;
    margin-top: 40px;
}

.h-middle.ip-sect0 {
    font-size: 24px;
    color: #262626;
    text-align: center;
    line-height: 32px;
    font-weight: normal;
}

.esg1-l {
    float: left;
    margin: 0 50px;
    width: 64%;
    max-width: 720px;
}

.esg1-l p {
    font-size: 16px;
    color: #262626;
    line-height: 24px;
    font-weight: normal;
    margin-bottom: 20px;
}

.esg1-r {
    float: right;
}

.esg-sect1 .detail-download {
    width: 320px;
    margin-top: 0;
}

.esg-sect1 .detail-download .dd-des {
    font-weight: 600;
}

.esg-sect1 .detail-download .dd-down {
    font-size: 14px;
}

.esg-sect2 {
    height: 495px;
}

.esg-sect2 .wrap,
.esg-sect2 .wrap-sm,
.esg-sect2 .esg-sect2-con {
    height: 100%;
}

.esg-sect2-con {
    background: rgba(0, 0, 0, 0.5);
    padding: 50px 12px;
}

.esg-sect2-t {
    font-size: 32px;
    color: #FFFFFF;
    text-align: center;
    line-height: 42px;
    font-weight: bold;
    margin-bottom: 50px;
}

.esgl-tt {
    padding: 24px 1px;
    border-top: 1px solid #81BD00;
    border-bottom: 1px solid #81BD00;
}

.esgl-tt .esgl-tpc {
    font-size: 16px;
    color: #FFFFFF;
    line-height: 24px;
    font-weight: normal;
    padding: 0 28px;
    float: left;
    height: 48px;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    border-right: 1px solid #7CB40A;
    cursor: pointer;
}

.esgl-tt .esgl-tpc.active {
    color: #81BD00;
    position: relative;
}

.esgl-tt .esgl-tpc.active:after {
    content: "";
    display: block;
    width: 100%;
    height: 4px;
    background: #81BD00;
    position: absolute;
    bottom: -28px;
    left: 0;
}

.esgl-tt .esgl-tpc:last-child {
    border-right: none;
    padding: 0 37px;
}

.esgl-item .esgl-con {
    display: none;
    font-size: 18px;
    color: #FFFFFF;
    text-align: center;
    line-height: 27px;
    font-weight: 600;
    padding: 70px 0 50px;
}

.esgl-item.active .esgl-con {
    display: block;
}

.esg3-li {
    margin-top: 50px;
}

.esg3-item {
    float: left;
    width: 300px;
    margin-right: 70px;
}

.esg3-item:last-child {
    margin-right: 0;
}

.esg3-itcon {
    padding: 20px 20px 0 0;
}

.e3-t {
    font-size: 18px;
    color: #00953A;
    line-height: 24px;
    font-weight: bold;
    margin-bottom: 20px;
}

.e3-con {
    font-size: 16px;
    color: #262626;
    line-height: 24px;
    font-weight: normal;
    text-align: justify;
}

.esg-sect4 {
    position: relative;
}

.esg4-s-con {
    position: absolute;
    top: 0px;
    bottom: 0px;
    right: 0px;
    left: 0px;
}

.esg4-s,
.esg4-s-con .wrap-sm {
    height: 100%;
}

.esg4-s {
    position: relative;
    background: rgba(0, 0, 0, 0.5);
}

.esg4-s.fr {
    float: right;
    width: 69.2%;
    max-width: 720px;
    padding: 70px 60px;
}

.close-esg {
    position: absolute;
    width: 30px;
    top: 10px;
    right: 10px;
    cursor: pointer;
}

.esg4-st {
    font-size: 32px;
    color: #FFFFFF;
    line-height: 42px;
    font-weight: bold;
    white-space: nowrap;
}

.esg4-sc {
    font-size: 16px;
    color: #FFFFFF;
    line-height: 24px;
    font-weight: normal;
    margin-top: 20px;
    margin-bottom: 20px;
}

.esg4-li ul {
    float: left;
    width: 50%;
}

.esg4-li ul li {
    font-size: 16px;
    color: #FFFFFF;
    line-height: 24px;
    font-weight: normal;
    margin-bottom: 4px;
    padding-left: 26px;
    position: relative;
}

.esg4-li ul li:after {
    content: "";
    position: absolute;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #fff;
    top: 9px;
    left: 0;
}

.swiper-btn {
    display: inline-block;
    margin-top: 30px;
    border: 1px solid #FFFFFF;
    padding: 10px 50px 10px 15px;
    font-size: 14px;
    color: #fff;
    position: relative;
    font-weight: bold;
}

.swiper-btn:after {
    content: url(../image/arrow-r-light.svg);
    position: absolute;
    top: 12px;
    right: 20px;
    transition: all 0.5s ease;
}

.swiper-btn:hover:after {
    right: 15px;
}

.esg4-s.esg4-sm {
    width: 350px;
    padding: 78px 30px;
}

.esg4-s.esg4-md {
    width: 445px;
    padding: 78px 30px;
}

.esg4-s .btn {
    margin-top: 0;
}

.esg5-li {
    margin-top: 40px;
}

.esg-sect5 {
    padding: 0 20px
}

.esg5-item {
    float: left;
    width: calc(33.333% - 50px);
    height: 250px;
    margin-right: 50px;
    margin-bottom: 30px;
}

.esg5-item:nth-child(3n) {
    margin-right: 0;
}

.esg5-item .e5-t {
    font-weight: 600;
    font-size: 32px;
    color: #03933B;
    line-height: 48px;
    border-bottom: 1px solid #00953A;
}

.esg5-item .e5-d {
    font-size: 16px;
    line-height: 24px;
    color: #545658;
    font-weight: normal;
    margin-top: 8px;
}

.esg-sect6 {
    position: relative;
    height: 326px;
}

.esg6-s-con {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 110px 0;
}

.esg6-s {
    padding: 0 100px;
}

.esg6-s img {
    width: 174px;
    float: left;
    margin: 0 50px 0 20px;
}

.esg6-p {
    float: left;
    width: 570px;
    padding: 7px 30px;
    font-size: 16px;
    color: #FFFFFF;
    line-height: 24px;
    font-weight: normal;
    border-left: 1px solid rgba(255, 255, 255, 0.5);
}

.cek-label {
    font-size: 14px;
    color: #373839;
    letter-spacing: 0;
}

.muted-btn {
    position: absolute;
    width: 44px;
    left: 11%;
    bottom: 40px;
    cursor: pointer;
    z-index: 100;
}

.muted-btn img {
    width: 44px;
    height: 44px;
}

.al-section {
    width: 100%;
    max-width: 1440px;
    margin: 70px auto;
}

.al-detail-con {
    display: flex;
    display: -webkit-flex;
}

.al-conl {
    width: 45.8%;
}

.sp-creverse .al-conl {
    flex: 1;
    margin-left: 25px;
    width: 50%;
    max-width: 720px;
}

.al-con-quto {
    position: relative;
    margin-bottom: 20px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 30px 10px;
    display: flex;
    display: -webkit-flex;
    justify-content: flex-end;
}

.al-con-quto.al-con-xl {
    padding: 60px 10px 80px;
}

.al-con-quto.not-bg {
    padding: 0;
}

.al-con-quto .queto-box {
    /*position: absolute;*/
    /*top: 30px;
		right: 10px;*/
    width: 75.8%;
    background: rgba(255, 255, 255, 0.80);
    padding: 15px 65px 15px;
}

.al-con-quto .queto-con {
    font-weight: normal;
    font-size: 16px;
    color: #262626;
    line-height: 24px;
    margin-bottom: 20px;
}

.al-con-quto .queto-name-b {
    font-size: 32px;
    color: #262626;
    line-height: 42px;
    font-weight: bold;
}

.al-con-quto .queto-name-bs {
    font-weight: bold;
    font-size: 16px;
    color: #262626;
    text-align: right;
}

.al-con-quto .queto-name {
    font-weight: bold;
    font-size: 18px;
    color: #262626;
    line-height: 24px;
    margin-top: 10px;
}

.al-conr {
    width: 41%;
    margin-left: 60px;
    align-self: center;
}

.al-detatil-des {
    margin-bottom: 50px;
}

.al-detatil-des .al-title {
    font-size: 24px;
    color: #00953A;
    line-height: 32px;
    font-weight: bold;
    margin-bottom: 10px;
}

.al-list li {
    padding-left: 15px;
    position: relative;
    font-size: 16px;
    color: #262626;
    line-height: 24px;
    font-weight: normal;
}

.al-list li:after {
    content: "";
    display: inline-block;
    width: 5px;
    height: 1px;
    background: #262626;
    position: absolute;
    top: 12px;
    left: 0;
}

.jj-green {
    /*display: flex;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		-webkit-flex-direction: row;
		-moz-flex-direction: row;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-flex-flow: row wrap;
		-moz-flex-flow: row wrap;
		-ms-flex-flow: row wrap;
		flex-flow: row wrap;
		padding-left: 70px;*/
}

.jj-l {
    margin-right: 20px;
    width: 260px;
    margin: 0 auto;
}

.jj-r {
    width: 260px;
    margin: 0 auto;
}

.jj-green .j-t {
    font-size: 16px;
    color: #FFFFFF;
    font-weight: normal;
}

.jj-green .j-name {
    font-weight: 600;
    font-size: 20px;
    color: #FFFFFF;
}

.jj-green .j-con {
    font-weight: normal;
    font-size: 16px;
    color: #FFFFFF;
    line-height: 24px;
    margin-top: 5px;
}

.jj-green .j-con img {
    width: 22px;
    margin-right: 10px;
}

.spp {
    position: absolute;
    bottom: 20px;
    left: 20px;
    font-size: 16px;
    line-height: 24px;
    color: #fff;
    font-weight: bold;
}

.text-container.text-contain-bg.wl-bg {
    padding: 20px 0;
}

.sy-search-con.wy-sect {
    width: 81.7%;
    padding: 20px 20px 40px 50px;
    background: rgba(0, 0, 0, 0.70);
}

.text-container .sy-search-con.wy-sect .text-title {
    font-size: 32px;
    color: #00953A;
    line-height: 42px;
    font-weight: bold;
}

.wy-sect .text-title-sub {
    font-weight: bold;
    font-size: 24px;
    color: #FFFFFF;
    line-height: 32px;
}

.wy-sect .sy-des {
    font-size: 16px;
    color: #FFFFFF;
    line-height: 24px;
    font-weight: normal;
    margin-bottom: 16px;
}

.wy-sect div.text {
    width: 51%;
    height: 264px;
    background: rgba(0, 0, 0, 0.70);
    padding: 20px 5px 30px 50px;
}

.wy-sect.text-and-img .textImg.queto-box {
    background: rgba(255, 255, 255, 0.50);
    margin-top: 50px;
    /*-webkit-filter: blur(1px);
	     -moz-filter: blur(1px);
	     -o-filter: blur(1px);
	     -ms-filter: blur(1px);
	     filter: blur(1px); */
}

.wy-sect .text-title-md {
    font-size: 24px;
    color: #FFFFFF;
    line-height: 32px;
    font-weight: bold;
    margin-bottom: 40px;
}

.text-container .wy-sect .text-con {
    font-weight: normal;
    font-size: 16px;
    color: #FFFFFF;
    line-height: 24px;
}

.text-and-img .textImg.queto-box.gs-queto {
    background: none;
    padding: 25px 55px;
}

.gs-queto .queto-con {
    margin-bottom: 20px;
}

#MTVideo {
    z-index: 10000;
    position: fixed;
    top: 50%;
    left: 50%;
    width: 890px;
    height: 520px;
    transform: translate(-50%, -50%);
    border-radius: 5px;
    border: solid 2px #666;
    background-color: #fff;
    box-shadow: 0 0 10px #666;
    padding: 35px 45px;
    display: none;
}

#MTVideo div.video-con {
    width: 100%;
    padding: 0;
}

#MTVideo .close-mt {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
}

#MTVideo .close-mt img {
    width: 22px;
}

.mt-video {
    font-size: 16px;
    color: #3F4041;
    font-weight: 600;
    text-decoration: underline;
    margin-top: 5px;
    cursor: pointer;
    display: inline-block;
}

.swiper-banner .swiper-slide {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.swiper-banner .ikv0 {
    background-image: url(../image/kv0.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.swiper-banner .ikv1 {
    background-image: url(../image/kv1.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.swiper-banner .ikv2 {
    background-image: url(../image/kv2.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}


/*.swiper-banner .ikv0 {
		background-image: url(/uploads/common/2021/06/sp-kv-0617-5.png)!important;
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat;
	}*/

.swiper-banner .ikv3 {
    background-image: url(../image/kv3.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.swiper-banner .ikv4 {
    background-image: url(../image/kv4.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.swiper-banner .ikv5 {
    background-image: url(../image/kv5.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.swiper-banner .ikv6 {
    background-image: url(../image/kv6.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

@media only screen and (max-width:768px) {
    .swiper-banner:after {
        display: none;
    }

    .swiper-banner .ikv0 {
        background-image: url(../image/mkv0.png) !important;
        background-position: center;
        background-size: 100%;
        background-repeat: no-repeat;
    }

    .swiper-banner .ikv1 {
        background-image: url(../image/mkv1.png) !important;
        background-position: center;
        background-size: 100%;
        background-repeat: no-repeat;
    }

    .swiper-banner .ikv2 {
        background-image: url(../image/ikv2.png) !important;
        background-position: center;
        background-size: 100%;
        background-repeat: no-repeat;
    }

    .swiper-banner .ikv3 {
        background-image: url(../image/ikv3.png) !important;
        background-position: center;
        background-size: 100%;
        background-repeat: no-repeat;
    }

    .swiper-banner .ikv4 {
        background-image: url(../image/ikv4.png) !important;
        background-position: center;
        background-size: 100%;
        background-repeat: no-repeat;
    }

    .swiper-banner .ikv5 {
        background-image: url(../image/ikv5.png) !important;
        background-position: center;
        background-size: 100%;
        background-repeat: no-repeat;
    }

    .swiper-banner .ikv6 {
        background-image: url(../image/ikv6.png) !important;
        background-position: center;
        background-size: 100%;
        background-repeat: no-repeat;
    }

    .swiper-banner .wl3 {
        background-image: url(../image/wlgy3-sp.png) !important;
        background-position: center;
        background-size: 100%;
        background-repeat: no-repeat;
    }

    #MTVideo {
        width: 96%;
        height: auto;
        padding: 35px 20px;
    }

    #MTVideo div.video-con {
        width: 100%;
        padding: 0;
    }

    #MTVideo .close-mt {
        position: absolute;
        top: 6px;
        right: 6px;
        cursor: pointer;
    }

    #MTVideo .close-mt img {
        width: 20px;
    }

    #mp4Video {
        width: 100%;
        height: auto;
    }

    .mt-video {
        font-size: 14px;
        color: #3F4041;
        font-weight: 600;
        text-decoration: underline;
        margin-top: 5px;
        cursor: pointer;
        display: inline-block;
    }

    .join-se5 .text-and-img div {
        padding: 40px 20px;
    }

    .ywll .btn-send {
        padding: 10px;
    }

    .swiper-banner .ikv6 .swiper_content .swiper-tt {
        font-size: 28px;
    }

    .latest-item .latest-sub-t {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .latest-item .latest-t {
        margin-bottom: 0;
    }

    .latest-item .latest-item-t {
        margin-top: 0;
    }

    .latest-item .latest-more {
        margin-top: 0;
    }

    .news-detail .news-detail-con>p {
        font-size: 16px;
    }

    .sy-search-con.wy-sect {
        width: 100%;
        margin: 0 auto;
        padding: 30px;
    }

    .wy-sect div.text {
        width: 100%;
        margin: 0 auto;
        padding: 15px;
        height: auto;
        margin-bottom: 20px;
    }

    .wy-sect.text-and-img .textImg.queto-box {
        margin-top: 0px;
    }

    .al-detail-con {
        flex-wrap: wrap;
    }

    .al-conl {
        width: 100%;
    }

    .al-con-quto .queto-box {
        width: 100%;
        padding: 20px 30px;
    }

    .al-conr {
        padding: 0 20px;
        width: 100%;
        margin-left: 0;
    }

    .al-detatil-des {
        margin-bottom: 20px;
    }

    .sp-creverse .al-conl {
        width: 100%;
        margin-left: 0;
    }

    .al-con-quto.not-bg {
        height: calc(100vw * 0.64);
    }

    .tcp-skin .vjs-big-play-button,
    .tcp-skin .vjs-big-play-button .vjs-button-icon {
        width: 60px !important;
        height: 60px !important;
    }

    .swiper-banner .swiper_content {
        position: absolute;
        width: 96%;
        padding-left: 4%;
        text-align: left;
        z-index: 20;
        top: inherit;
        bottom: 15%;
        transform: translateY(0);
    }

    .swiper-banner .swiper_content.ban-con-right {
        padding-left: 4%;
        left: inherit;
    }

    .swiper-banner .swiper_content.txt-spc {
        top: 50%;
        bottom: inherit;
        transform: translateY(-50%);
    }

    .swiper-banner .swiper_content .swiper-tt {
        font-size: 29px;
        width: 92%;
        line-height: 42px;
        color: #FFFFFF;
        font-weight: bold;
    }

    .swiper-banner .swiper_content .swiper-sub-tt {
        font-size: 18px;
        color: #FFFFFF;
        margin-top: 10px;
        line-height: 30px;
        font-weight: normal;
        margin-top: 20px;
    }

    .director-more-info .director-more-con {
        margin: 0 auto;
    }

    .sec3-li ul li {
        width: 150px;
    }

    .news-detail {
        margin-top: 30px;
    }

    .sp-mt40 {
        margin-top: 40px;
    }

    .bord-sec {
        margin-top: 40px;
    }

    .video-mask {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 19;
    }

    .video-mask #my-play {
        position: absolute;
        top: 40%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 60px;
        height: 60px;
    }

    .index-section.fund-sect {
        position: relative;
        margin-bottom: 150px;
    }

    .f-bg {
        overflow-x: scroll;
    }

    .f-bg img {
        width: 1440px;
    }

    .esg-sect6 {
        height: 455px;
    }

    .esg6-s-con {
        padding: 65px 20px;
    }

    .esg6-s {
        padding: 0;
        text-align: center;
    }

    .esg6-s img {
        margin: 0;
        float: inherit;
    }

    .esg6-p {
        padding: 0;
        width: 100%;
        border-left: 0;
    }

    .esg6-s span.sp {
        background: #FFFFFF;
        width: 150px;
        height: 1px;
        display: inline-block;
        margin-top: 35px;
        margin-bottom: 35px;
    }

    .esg-sect5 {
        padding: 0 35px
    }

    .esg5-li {
        margin-top: 0;
    }

    .esg5-item .e5-t {
        font-size: 28px;
        line-height: 41px;
    }

    .esg5-item {
        float: left;
        width: 100%;
        height: auto;
        margin-right: 0;
        margin-bottom: 20px;
    }

    .esg4-s,
    .esg4-s-con .wrap-sm {
        height: auto;
    }

    .esg4-sc {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .esg4-s.fr {
        width: 100%;
        padding: 50px 27px;
        position: absolute;
        bottom: 0;
    }

    .esg4-s.esg4-sm {
        width: 100%;
        padding: 30px 38px;
        position: absolute;
        bottom: 0;
    }

    .esg4-li ul {
        width: 100%;
    }

    .al-swiper.al-sect1 .swiper-button-next,
    .esg-sect4.joinus-swiper .swiper-button-next {
        right: 10px;
        width: 13px;
        height: 26px;
    }

    .al-swiper.al-sect1 .swiper-button-prev,
    .esg-sect4.joinus-swiper .swiper-button-prev {
        left: 10px;
        width: 13px;
        height: 26px;
    }

    .al-swiper.al-sect1 .swiper-button-next:after,
    .esg-sect4.joinus-swiper .swiper-button-next:after {
        width: 13px;
        height: 26px;
        background-size: 13px 26px;
    }

    .al-swiper.al-sect1 .swiper-button-prev:after,
    .esg-sect4.joinus-swiper .swiper-button-prev:after {
        width: 13px;
        height: 26px;
        background-size: 13px 26px;
    }

    .esg-sect3 {
        padding: 0 15px;
    }

    .esg-sect3 .h-middle {
        padding: 0;
    }

    .esg3-li {
        margin-top: 20px;
    }

    .esg-sect2 {
        height: auto;
    }

    .esgl-t img {
        width: 28px;
        float: right;
        margin-top: -12px;
    }

    .esgl-item.active img {
        transform: rotate(90deg);
    }

    .esgl-item .esgl-con {
        padding: 40px 20px 40px 20px;
        text-align: left;
        font-weight: normal;
        font-size: 16px
    }

    .esg1-l {
        padding: 0 20px;
        width: 100%;
        margin: 0;
    }

    .esg1-r {
        float: left;
        margin-left: 20px;
    }

    .esgl-item .esgl-t {
        border-top: 1px solid #70BF00;
        padding: 24px 20px 24px 3px;
        font-size: 18px;
        color: #FFFFFF;
        line-height: 30px;
        font-weight: 600;
    }

    .esgl-item.active .esgl-con {
        border-top: 1px solid #70BF00;
    }

    .esgl-item.active .esgl-t {
        color: #81BD00;
        position: relative;
    }

    .esgl-item.active .esgl-t:after {
        content: "";
        display: block;
        width: 66%;
        height: 4px;
        background: #81BD00;
        position: absolute;
        bottom: -4px;
        left: 0;
    }

    .banner-text .ban-tl {
        text-align: center;
        font-size: 32px;
    }

    .ipsec1-des {
        font-size: 14px;
    }

    .ip-sect3 .sect5-item img {
        width: 93px;
    }

    .ip-sect1 .iw-sect1-list .sect1-item {
        padding: 0 10px;
    }

    .banner-text .ban-t {
        text-align: center;
    }

    .banner-text .ban-t span {
        width: auto;
    }

    .banner-text .ban-st {
        display: block;
        text-align: center;
    }

    .iw-sect1-list {
        padding: 0;
    }

    .iw-sect1-des {
        padding: 0 10px;
        margin-top: 0px;
        text-align: left;
    }

    .isd-t {
        margin-right: 23px;
    }

    .iw-sect1-list .sect1-item {
        width: 50%;
        margin-bottom: 20px;
    }

    .iw-sect1-list .sect1-item .se1-txt {
        font-size: 20px;
        line-height: 32px;
    }

    .iw-sect1-list .sect1-item:nth-child(2) {
        border-right: none;
    }

    .sect1-item .im1 {}

    .sect1-item .im2 {
        width: 60px;
        height: 68px;
    }

    .sect1-item .im3 {
        width: 54px;
        height: 43px;
        margin-top: 20px;
    }

    .sect1-item .im4 {
        width: 65px;
        height: 66px;
    }

    .ip-sect1 .sect1-item .im1 {
        width: 57px;
        height: 48px;
    }

    .ip-sect1 .sect1-item .im2 {
        width: 41px;
        height: 55px;
    }

    .ip-sect1 .sect1-item .im3 {
        width: 57px;
        height: 54px;
        margin-top: 0;
    }

    .ip-sect1 .sect1-item .im4 {
        width: 53px;
        height: 56px;
    }

    .iw-sect2-list .sect2-item {
        width: calc(50% - 1px);
    }

    .iw-sect2-list .sect2-item:last-child {
        width: 100%;
        margin-right: 0;
    }

    .iw-sect2-list .sect2-item .se2-txt {
        margin-top: 10px;
        margin-bottom: 20px;
    }

    .iw-sect3 {
        padding: 0 25px;
    }

    .iw-sect3 .sec3-img {
        width: 100%;
    }

    .sec4-des {
        padding: 0;
        width: 100%;
    }

    .sec4-des .sec4-con {
        display: flex;
        display: -webkit-flex;
        justify-content: space-between;
    }

    .sec4-con>div {
        padding: 0;
        justify-content: flex-start;
        width: 25%;
    }

    .sec4-right.sec4-des {
        margin-top: 40px;
    }

    .sec4-left:after {
        display: none;
    }

    .iw-video {
        padding: 0;
        height: calc(100vw * 0.56);
    }

    .sect5-li {
        padding: 0;
    }

    .sect5-item {
        margin: 0;
        width: 33.333%;
    }

    .sect5-item img {
        width: 93px;
    }

    .s5-st {
        margin-top: 10px;
    }

    .s5-t {
        font-size: 20px;
    }

    .banner-text .text_warp h1 {
        font-size: 32px;
        text-align: center;
    }

    .sort-d {
        padding: 0 20px;
    }

    .more-brand {
        width: 20px;
    }

    .tzln-box {
        padding: 0 20px;
    }

    .tzln-list .items {
        width: 100%;
        float: inherit;
    }

    .tzln-list .items img {
        width: 100%;
        height: calc((100vw - 40px) * 0.42);
    }

    .tzln-list .items .txt {
        width: 100%;
        padding: 20px 0 30px;
    }

    .tzln-t {
        margin-bottom: 10px;
    }

    .sp-rreverse {
        flex-direction: row-reverse;
    }

    .sp-creverse {
        flex-direction: column-reverse;
    }

    .joinus-swiper:after,
    .joinus-swiper:before {
        display: none;
    }

    .al-swiper {
        --swiper-navigation-size: 20px;
        padding-bottom: 20px;
    }

    .al-swiper:before {
        width: 20px;
        background-image: none;
    }

    .al-swiper:after {
        width: 20px;
        background-image: none;
    }

    .al-swiper .swiper-button-next {
        right: 10px;
    }

    .al-swiper .swiper-button-prev {
        left: 10px;
    }

    .al-swiper .swiper-button-next:after {
        width: 12px;
        height: 20px;
        background-size: 12px 20px;
    }

    .al-swiper .swiper-button-prev:after {
        width: 12px;
        height: 20px;
        background-size: 12px 20px;
    }

    .al-swiper .sy-search-con {
        padding: 40px 25px;
        height: 500px;
    }

    .al-swiper.dc-swiper .sy-search-con {
        /*height: 400px;*/
    }

    .al-swiper .swiper-slide {
        height: inherit;
    }

    .index-title.glpc-t {
        padding-right: 0;
    }

    .media-contact {
        padding: 30px;
    }

    .media-t {
        width: 100%;
    }

    .mc-left {
        margin-bottom: 20px;
    }

    .mc-cons {
        border-left: 0px;
    }

    .plan-form {
        width: 620px;
    }

    .news-condit {
        flex-wrap: wrap;
    }

    .news-condit .group-form {
        width: 100%;
        margin-bottom: 20px;
    }

    .btn.news-s-btn,
    .news-condit .group-form.news-btn {
        width: 100%;
    }

    .brand-jpg {
        float: inherit;
        margin-right: 0;
        margin-bottom: 20px;
    }

    .d-item-con {
        padding-left: 0;
    }

    .vr-video {
        height: calc(100vw*0.5);
    }

    .history-item {
        height: auto;
        padding: 20px 0 10px;
    }

    .history-item:last-child {
        border-bottom: 0;
    }

    .card-on-img .queto-box .queto-name-b {
        font-size: 20px;
        line-height: 29px;
    }

    .card-on-img .queto-box .queto-name {
        font-size: 12px;
        line-height: 18px;
    }

    .text-container.text-contain-bg.jion-s1 {
        /*padding: 90px 0 10px;*/
    }

    .join-sec2 .img-section {
        padding: 0;
    }

    .joinus-s-con {
        position: static;
        padding: 30px 20px 20px;
    }

    .join-posi {
        padding: 0 10px;
    }

    .posi-list {
        flex-wrap: wrap;
        margin-bottom: 0;
    }

    .posi-list .posi-item {
        width: 100%;
        margin-bottom: 35px;
    }

    .posi-des {
        padding: 15px 20px 15px 0;
    }

    .posi-t {
        margin-bottom: 0;
    }

    .posi-list .posi-item:last-child {
        margin-bottom: 0;
    }

    .section-grey.join-se5 {
        background: #fff;
    }

    .join-se5 .text-and-img {
        flex-direction: column-reverse;
    }

    .join-se5 .text-title {
        margin-bottom: 20px;
    }

    .join-se5 .text-and-img .textImg {
        padding: 0;
    }

    .joins-section {
        padding: 0;
    }

    .jjgl-swiper {
        padding: 0;
    }

    .jjgl-swiper .joinus-s-con {
        padding: 30px 20px 20px;
    }

    .joins-section .joinus-swiper,
    .jjgl-swiper .joinus-swiper {
        --swiper-navigation-size: 20px
    }

    .joins-section .joinus-swiper .swiper-button-prev:after,
    .joins-section .joinus-swiper .swiper-button-next:after,
    .jjgl-swiper .joinus-swiper .swiper-button-prev:after,
    .jjgl-swiper .joinus-swiper .swiper-button-next:after {
        width: 10px;
        height: 20px;
        background-size: 10px 20px;
    }

    .s-img {
        position: relative;
    }

    .s-img:before {
        content: "";
        display: block;
        width: 40px;
        height: 100%;
        background-image: linear-gradient(-90deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.50) 100%);
        position: absolute;
        top: 0;
        left: 0;
        z-index: 9;
    }

    .s-img:after {
        content: "";
        display: block;
        width: 40px;
        height: 100%;
        background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.50) 100%);
        position: absolute;
        top: 0;
        right: 0;
        z-index: 9;
    }

    .joinus-swiper .swiper-button-next,
    .joinus-swiper .swiper-button-prev {
        top: 95px;
    }

    .jjgl-swiper .swiper-button-next,
    .jjgl-swiper .swiper-button-prev {
        top: 70px;
    }

    .sjzx .dc .queto-con:before,
    .queto-con:before {
        width: 37px;
        height: 31px;
        top: -32px;
        left: -25px;
        background-size: 100%;
        background-repeat: no-repeat;
    }

    .queto-con:after {
        width: 37px;
        height: 31px;
        bottom: -10px;
        right: -25px;
        background-size: 100%;
        background-repeat: no-repeat;
    }

    .img-section {
        padding: 0 10px;
        flex-wrap: wrap;
    }

    .img-section.sp-reverse {
        flex-direction: column-reverse;
    }

    .img-section>div {
        width: 100%;
    }

    .img-section .img-txt {
        padding: 20px 10px;
    }

    .middle-banner .middle-txt.txtr {
        font-size: 28px;
        line-height: 41px;
    }

    .plszb-list {
        padding: 0 10px;
        flex-wrap: wrap;
        margin-bottom: 0;
    }

    .plszb-list .plszb-item {
        width: 100%;
        margin-bottom: 20px;
    }

    .news-detail-org {
        padding: 0 20px;
    }

    .dc.card-on-img .queto-box,
    .card-on-img .queto-box {
        width: 85.33%;
        margin: 0 auto;
        padding: 35px 40px;
    }

    .card-on-img .queto-box.join {
        width: 85.33%;
        padding: 35px 40px;
    }

    .h-middle {
        padding: 0 20px;
        text-align: justify;
    }

    .latest-swiper {
        padding: 0;
        margin: 0 20px;
        padding-bottom: 40px;
    }

    .latest-swiper .awards-pagination {
        position: absolute;
        bottom: 0;
    }

    .logo-swiper {
        margin: 0;
        padding: 0 20px;
        --swiper-navigation-size: 30px;
    }

    .logo-swiper .swiper-button-next:after {
        width: 15px;
        height: 30px;
    }

    .logo-swiper .swiper-button-prev:after {
        width: 15px;
        height: 30px;
    }

    .park-map-img .park-img {
        width: 90%;
        padding: 25px;
        margin-top: -42%;
    }

    .park-map-img .park-img img {
        width: 100%;
    }

    .close-parkimg {
        top: -13px;
        right: -13px;
    }

    .index-des-title {
        font-size: 16px;
        padding: 0 20px;
        text-align: justify;
    }

    .text-container .sy-search-con .text-title {
        padding: 0;
    }

    .privacy {
        padding: 40px 20px;
    }

    .bznis-item>a {
        width: 100%;
    }

    .layer .bznis-sub-txt {
        opacity: 1;
        height: 100%;
    }

    .layer .layer-bg {
        height: 136px;
    }

    .layer .layer-bg,
    .layer .btn-more {
        opacity: 1;
    }

    .bznis-item .layer .layer-txt {
        bottom: 15px;
    }

    .tos-box,
    .pop-wechatqr {
        width: 90%;
        position: relative;
        top: 5vh;
        padding: 20px;
    }

    .wechat-box {
        flex-wrap: wrap;
        justify-content: center;
    }

    .wechat-box .qr {
        width: 250px;
    }

    .wechat-box .qr-des {
        padding: 0 30px;
        margin-bottom: 40px;
    }

    .wechat-box .qr-des:before {
        top: -26px;
        left: -20px;
        width: 40px;
    }

    .wechat-box .qr-des:after {
        bottom: -26px;
        right: -20px;
        width: 40px;
    }

    .wechat-box .qr-des p {
        font-size: 22px;
    }

    .close-ywll {
        top: 15px;
        right: 15px;
    }

    .index-section {
        margin-top: 30px;
    }

    .main-banner {
        height: calc(100vw * 1.125);
    }

    .banner-text {
        top: 50%;
    }

    .banner-text p {
        font-size: 32px;
    }

    .close-pop {
        top: 24px;
        right: 20px;
    }

    .nt-title-sp {
        padding: 20px 20px 10px;
        border-bottom: 1px solid #d8d8d8;
        background: #fff;
    }

    .nt-title-sp p {
        font-size: 28px;
        color: #2A840B;
        font-weight: bold;
    }

    .nt-des {}

    .flex-fix {
        display: block;
    }

    .park-info,
    .park-detail {
        width: 100%;
        max-width: 100%;
    }

    .container.container-pd {
        padding-top: 60px;
    }

    .container.container-no-pad {
        padding: 0px;
    }

    .wrap {
        width: 100%;
        max-width: 1140px;
        margin: 0 auto;
    }

    .submit-form {
        display: none;
        position: relative;
    }

    .form-close {
        position: absolute;
        font-size: 14px;
        color: #999999;
        top: 10px;
        right: 10px;
    }

    .p-detail-con {
        padding: 0 20px;
    }

    .p-detail-nav {
        width: 88%;
        display: flex;
        display: -webkit-flex;
        justify-content: space-between;
        flex-wrap: nowrap;
        margin: 0 auto;
        white-space: nowrap;
        overflow-x: scroll;
    }

    .anchor-nav {
        font-size: 16px;
        margin: 0px;
        margin-right: 15px;
    }

    .nav-col-5 .anchor-nav {
        font-size: 12px;
    }

    .p-main-title {
        display: inline-block;
        font-size: 28px;
    }

    .tag-des {
        display: block;
    }

    .con-part {
        margin-top: 30px;
    }

    .detail-download {
        font-size: 16px;
        width: 100%;
    }

    .esg-sect1 .detail-download {
        padding: 40px 30px;
    }

    .esg-sect1 .detail-download .dd-pdf {
        top: 40px;
    }

    .p-sub-title {
        font-size: 18px;
    }

    .p-sub-title-s {
        font-size: 12px;
        margin: 10px 0 20px;
    }

    .p-sub-title.trffic-title {
        padding: 0 20px;
    }

    .traffic-des {
        padding: 0 20px;
    }

    .guide-map {
        /*height:calc(9*100vw*0.896/16)*/
        height: calc(100vw*0.8)
    }

    .search-line {
        right: 0px;
        padding: 0 10px;
        display: flex;
        display: -webkit-flex;
        justify-content: space-between;
    }

    .t-advantage {
        padding: 0 20px;
    }

    .items-t {
        width: 50%;
        margin-top: 20px;
    }

    .advantage-con p {
        font-size: 12px;
    }

    .p-input {
        padding: 7px 0 7px 9px;
        font-size: 12px;
    }

    .s-btn {
        padding: 7px 12px;
        font-size: 12px;
    }

    .input-group input {
        width: 110px;
    }

    .p-service {
        padding: 0 20px;
    }

    .service-con {
        margin-right: 40px;
    }

    .service-img {
        /*width: 31%;园区页面轮播图中的设施图片 所以注释试试*/
    }

    .service-img p {
        font-size: 14px;
        color: #373839;
        margin-top: 7px;
    }

    .service-con:nth-child(4n) {
        margin-right: 0px;
    }

    .p-recomd {
        padding: 0 15px;
    }

    .swiper-recomd {
        padding: 0 20px;
        padding-bottom: 40px;
    }

    .swiper-recomd .swiper-pagination .swiper-pagination-bullet {
        display: none;
    }

    .swiper-recomd .swiper-pagination .swiper-pagination-bullet:first-child {
        display: inline-block;
    }

    .swiper-recomd .swiper-pagination .swiper-pagination-bullet:last-child {
        display: inline-block;
    }

    .recomd-swiper,
    .vr-swiper {
        flex-wrap: wrap;
    }

    .recomd-swiper>li,
    .vr-swiper>li {
        width: 100%;
        margin-bottom: 20px;
    }

    .city-swiper>li {
        width: 45%;
    }

    .city-swiper>li:nth-child(2n+1) {
        margin-top: 15px;
    }

    .city-swiper .swiper-con {
        padding: 5px 20px;
    }

    .swiper-title.swiper-t-city {
        font-size: 16px;
    }

    .park-index .city-part.con-part {
        margin-top: 50px;
        margin-bottom: 50px;
    }

    .park-index .con-part {
        margin-top: 50px;
    }

    .more-title .green-title {
        display: block;
        margin: 0;
    }

    .more-foot.more-title {
        display: block;
        text-align: right;
    }

    .contact-icon {
        padding: 20px 15px;
        display: flex;
        display: -webkit-flex;
        border-bottom: 1px solid #D9D2D0;
    }

    .contact-icon img {
        width: 40px;
        margin-right: 10px;
        cursor: pointer;
        opacity: 0.5;
    }

    .service-list {
        justify-content: space-around;
    }

    .back-top {
        right: 20px;
        bottom: 40px;
    }

    .submit-confirm-btn {
        position: fixed;
        display: flex;
        align-items: center;
        justify-content: center;
        bottom: 100px;
        right: 10px;
        padding: 0;
        font-size: 17px;
        line-height: 1.4;
        background: #00953E;
        color: #fff;
        font-weight: bold;
        border-radius: 50%;
        width: 70px;
        height: 70px;
        text-align: center;
        z-index: 999;
    }

    .overlay {
        position: fixed;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        background: rgba(0, 0, 0, 0.5);
        z-index: 999;
    }

    .submit-form {
        width: 100%;
    }

    .request-box {
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        margin-top: 0px;
        z-index: 1000;
    }

    .service-img-list.service-img-list2 {
        margin-bottom: 0;
    }

    .service-img-list.service-img-list2 .service-img {
        margin-bottom: 20px;
    }

    .service-img-list .service-img {
        width: 100%;
        margin-bottom: 30px;
    }

    .service-img-list .service-img:last-child {
        margin-bottom: 0;
    }

    .service-img-list .service-img.service-img1 {
        width: 48%;
        margin-bottom: 30px;
    }

    .colliers-img {
        float: initial;
        width: 100%;
    }

    .colliers {
        padding: 0;
        margin-top: 30px;
    }

    .search-area {
        padding: 0 15px;
    }

    .search-title span {
        width: 80px;
        display: inline-block;
    }

    .key-list {
        flex-wrap: wrap;
    }

    .search-bx a {
        display: inline-block;
    }

    .search-menu a {
        margin-right: 25px;
    }

    .key-list .search-menu.line2 a {
        margin-right: 8px;
    }

    .key-list .search-menu a {
        margin-right: 30px;
    }

    .search-content {
        display: block;
    }

    .park-search {
        width: 100%;
        padding: 10px 15px;
        max-width: 100%;
    }

    .search-result-swiper .swiper-img {
        float: unset;
        width: 100%;
    }

    .search-result-swiper .swiper-con {
        float: unset;
        width: 100%;
        border-left: 1px solid #c1c2c3;
        border-bottom-right-radius: 0px;
        border-top-right-radius: 0px;
        padding: 15px;
    }

    .form-btn.form-btn-hw,
    .form-row.half-row {
        width: 100%;
    }

    .con-part>p {
        /*padding: 0 20px;园区详情不需要*/
    }

    .search-form {
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        margin-top: 0px;
        z-index: 1000;
        display: none;
    }

    .search-form {
        width: 330px;
        max-width: 330px;
        padding: 30px 20px;
    }

    .search-form .f-group-row {
        flex-wrap: wrap;
    }

    .search-form .f-group-row .f-name {
        width: 120px;
    }

    .search-form .f-group-row .sp-mt {
        margin-right: 10px;
    }

    .search-form .f-group-row .f-emil {
        width: 158px;
    }

    .search-form .form-select {
        width: 288px;
        margin-top: 10px;
    }

    .search-form .form-group.f-tel {
        margin-right: 0;
    }

    .search-form .f-group-row .f-yzm {
        width: 100%;
        margin-top: 10px;
    }

    .search-form .btn-contact {
        width: 100%;
    }

    .search-form .form-btn {
        width: 100%;
    }

    .search-map {
        width: 100%;
        max-width: 100%;
        height: calc(100vw * 1.33);
        position: static;
    }

    .search-menu.has-subsearch .subsearch {
        left: -87px;
    }

    .search-menu.has-subsearch .subsearch ul {
        width: 260px;
    }

    .search-menu.has-subsearch .subsearch ul li {
        width: 50%;
    }

    .btn-file-list.file-last {
        left: unset;
        right: 0px;
    }

    .btn-file-list.file-last:after {
        left: unset;
        right: 20px;
    }

    .form-container {
        width: 89.333%;
        padding: 0 20px;
    }

    .form-nav .form-t>a {
        font-size: 14px;
        margin-right: 0;
    }

    .form-nav {
        justify-content: space-between;
    }

    .form-in {
        display: block;
    }

    .form-in .form-l,
    .form-in .form-c,
    .form-in .form-r {
        width: 100%;
    }

    .form-in .form-r {
        padding: 0;
        margin: 0;
        border-left: 0;
    }

    .form-r .contact-tel {
        font-size: 32px;
        display: block;
        text-align: center;
    }

    .search-box .title {
        font-size: 22px;
        margin-right: 15px;
        white-space: nowrap
    }

    .search-reltv {
        width: 100%;
    }

    .search-box .form-input {
        width: 100%;
        padding: 8px 10px;
    }

    .hot-word li.main-word a {
        font-size: 12px;
        margin-right: 20px;
    }

    .hot-word>li a {
        font-size: 12px;
        margin-right: 20px;
    }

    .sech-row {
        padding-top: 0;
        flex: 1
    }

    .search-btn-poz {
        right: 10px;
        width: 22px;
        height: 22px;
    }

    .list-result {
        padding: 20px;
    }

    .green-box .green-list {
        flex-wrap: wrap;
    }

    .green-list .lightr.green-item.green-item-r,
    .green-list .green-item.green-item-l {
        width: 100%;
    }

    .green-list .deepl.green-item.green-item-l,
    .green-list .green-item.green-item-r {
        width: 100%;
        padding-left: 0;
    }

    .move-block {
        display: none;
    }

    .search-contain {
        width: 88%;
    }

    .search-reltv .reltv-input {
        font-size: 24px;
    }

    .green-list .green-item.jjm .green-con {
        height: auto;
    }

    .green-list .green-item.green-deep.jjm,
    .green-list .green-item.green-light.jjm {
        height: auto;
        padding: 20px 0;
    }

    .jj-green {
        flex-wrap: wrap;
    }

    .jj-l {
        /*margin-bottom: 30px;*/
    }

    /*首页样式手机版*/
    .last-page {
        display: none;
    }

    .swiper-index .swiper-slide .swiper-content {
        left: 8%;
        bottom: 50px;
    }

    .swiper-index .swiper-slide .swiper-content {
        padding-left: 1px;
    }

    .swiper-index .swiper-slide.swiper-con-right .swiper-content {
        padding-left: 20px;
    }

    .swiper-content .swiper-t {
        font-size: 29px;
        width: 92%;
        line-height: 42px;
    }

    .swiper-content .swiper-sub-t {
        font-size: 18px;
        width: 90%;
    }

    .swiper-content .swiper-btn {
        padding: 10px 66px 10px 22px;
        margin-top: 25px;
    }

    .swiper-index .swiper-slide.swiper-con-right:after,
    .swiper-index .swiper-slide:after {
        background-image: -webkit-linear-gradient(100deg, rgba(0, 0, 0, 0.00) 50%, rgba(0, 0, 0, 0.50) 100%);
        background-image: -moz-linear-gradient(180deg, rgba(0, 0, 0, 0.00) 50%, rgba(0, 0, 0, 0.50) 100%);
        background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 50%, rgba(0, 0, 0, 0.50) 100%);
    }

    .latest-lists {
        flex-wrap: wrap;
        padding: 0 20px;
    }

    .latest-lists li.latest-item {
        width: 100%;
        margin-bottom: 30px;
    }

    .more-view .latest-category {
        font-size: 14px;
    }

    .green-list .green-item .green-con {
        width: 100%;
        max-width: 100%;
    }

    .green-list .green-item.green-light .green-con {
        left: 0;
    }

    .green-list .green-item.green-deep .green-con {
        right: 0;
    }

    .this_green-conl,
    .this_green-conr {
        left: 0 !important;
        right: 0 !important;
    }

    .about-glp {
        padding: 45px 20px;
    }

    .datas-list {
        flex-wrap: wrap;
    }

    .datas-list .data-items {
        width: 100%;
    }

    .joinus {
        flex-wrap: wrap;
    }

    .joinus .joinus-video {
        width: 100%;
        height: calc(100vw * 0.56);
    }

    .joinus .joinus-career {
        width: 100%;
        height: calc(100vw * 0.64);
    }

    .joinus-career>a {
        display: flex;
        display: -webkit-flex;
        justify-content: center;
        height: 100%;
        overflow: hidden;
        align-items: center
    }

    .change-data {
        font-size: 38px;
    }

    .glp-des p {
        font-size: 14px;
        text-align: justify;
    }

    .datas-list .data-items {
        padding: 30px 20px 40px 20px;
        position: relative;
    }

    .datas-list .data-items:nth-child(2):before,
    .datas-list.dates-list2 .data-items:nth-child(2):before {
        display: none;
    }

    .datas-list .data-items:nth-child(2):after,
    .datas-list .data-items:after,
    .datas-list.dates-list2 .data-items:nth-child(2):after {
        content: "";
        display: block;
        position: absolute;
        top: unset;
        bottom: 0;
        right: 50%;
        transform: translateX(50%);
        width: 120px;
        height: 1px;
        background: #03933B;
    }

    .datas-list .data-items:last-child:after {
        height: 0px;
    }

    .new-career {
        right: unset;
        left: 40px;
        bottom: 40%;
    }

    .green-input {
        width: 85%;
    }

    .awards-item>span {
        display: none;
    }

    .awards-container {
        padding: 0 40px;
    }

    .awards-container .swiper-slide {
        margin-bottom: 20px;
    }

    .awards-pagination {
        text-align: center;
    }

    .awards-pagination.swiper-pagination-bullets .swiper-pagination-bullet {
        /*border: 1px solid #D5D5D5;*/
        background: #545658;
        width: 10px;
        height: 10px;
        opacity: 1;
    }

    .awards-pagination.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
        /*border: 1px solid #D5D5D5;*/
        background: #03933B;
    }

    .Outer .Inner .swiper-content {
        left: 4%;
        padding-left: 1px;
        top: inherit;
        bottom: 15%;
        transform: translateY(0);
        width: 96%;
    }

    .Outer .Inner.Inner-txt-right .swiper-content {
        padding-left: 20px;
    }

    .Outer .Inner.Inner-txt-spc .swiper-content {
        top: 50%;
        bottom: inherit;
        transform: translateY(-50%);
    }

    .docSlider-pager {
        opacity: 0;
    }

    /*首页样式手机版end*/
    .news-latest {
        padding: 0 20px;
    }

    .news-list {
        flex-wrap: wrap;
    }

    .news-list>li {
        width: 48%;
        margin-bottom: 20px;
    }

    .history-year {
        overflow-y: scroll;
    }

    .news-detail .detail-title {
        width: 90%;
        margin: 0 auto;
        font-size: 26px;
        text-align: center;
        padding: 0;
    }

    .news-detail .detail-hr {
        width: 90%;
        margin: 20px auto 15px;
    }

    .news-detail .detail-time {
        width: 90%;
        margin: 0 auto;
    }

    .news-detail .detail-time span {
        margin-right: 20px;
    }

    .news-detail .details-sub-t {
        padding: 0 20px;
        text-align: justify;
    }

    .news-detail .news-detail-con {
        padding: 0 20px;
    }

    .news-detail-con .detail-img img {
        width: 100%;
    }

    .news-detail .detail-footer {
        padding: 20px;
    }

    .news-list.news-list4>li {
        width: 46%;
    }

    .news-lts-box {}

    .look-news-title.more-title {
        padding: 0 20px;
    }

    .look-news-title .green-title {
        margin: 0;
        font-size: 26px;
    }

    .index-title {
        margin-bottom: 20px;
        font-size: 28px;
    }

    .index-title.more-title {
        padding: 0 20px;
    }

    .index-title.more-title .more-title {
        margin: 0;
    }

    .index-title.left-title {
        width: 100%;
    }

    .look-section,
    .media-section {
        flex-wrap: wrap;
        padding: 0 20px;
    }

    .media-section {
        padding: 0;
    }

    .media-main {
        width: 50%;
    }

    /*管理团队*/
    .directors-list {
        padding: 0 20px;
    }

    .director-item {
        margin-right: 30px;
    }

    .director-item:nth-child(3n) {
        margin-right: 0px;
    }

    .index-title-sec {
        width: 80%;
        text-align: justify;
    }

    .data-glp .change-data {
        font-size: 26px;
        font-weight: 900;
    }

    .data-glp .change-data .sm-txt {
        font-size: 16px;
    }

    /*管理团队end*/
    /*关于普洛斯*/
    .glp-intro {
        padding: 0 20px;
        flex-wrap: wrap;
    }

    .aboutglp-r {
        width: 100%;
        border: none;
        border-top: 1px solid #D8D8D8;
        padding-top: 20px;
    }

    .aboutglp-l {
        margin-right: 0;
    }

    .glp-bold {
        font-size: 16px;
    }

    .global-map {
        overflow-x: scroll;
        display: flex;
        display: -webkit-flex;
    }

    .global-network {
        margin-bottom: 150px;
    }

    .hand-scroll {
        position: absolute;
        width: 90%;
        left: 5%;
        bottom: -90px;
        padding-top: 40px;
        border-top: 1px solid #D8D8D8;
    }

    .hand-scroll p {
        text-align: center;
    }

    /*about-glp hand move animation*/
    @keyframes move {
        0% {
            left: calc(50% - 0px);
        }

        50% {
            left: calc(50% - 60px);
        }

        100% {
            left: calc(50% - 0px);
        }
    }

    @-webkit-keyframes move {
        0% {
            left: calc(50% - 0px);
        }

        50% {
            left: calc(50% - 60px);
        }

        100% {
            left: calc(50% - 0px);
        }
    }

    @-ms-keyframes move {
        0% {
            left: calc(50% - 0px);
        }

        50% {
            left: calc(50% - 60px);
        }

        100% {
            left: calc(50% - 0px);
        }
    }

    @-webkit-keyframes move {
        0% {
            left: calc(50% - 0px);
        }

        50% {
            left: calc(50% - 60px);
        }

        100% {
            left: calc(50% - 0px);
        }
    }

    .move-img {
        position: absolute;
        top: -7px;
        left: calc(50% - 20px);
        animation: move 5s linear infinite;
        -moz-animation: move 5s linear infinite;
        /* Firefox */
        -webkit-animation: move 5s linear infinite;
        /* Safari 和 Chrome */
        -o-animation: move 5s linear infinite;
    }

    /*about-glp hand move animation---end*/
    .hand-scroll img {
        width: 40px;
    }

    /*关于普洛斯end*/
    .banner-text.full-kv-text {
        top: 80%;
    }

    .banner-text.full-kv-text p {
        font-size: 34px;
        line-height: 56px;
        text-align: left;
        margin-right: 20%;
    }

    .gl-list.list-reverse {
        flex-direction: column-reverse;
    }

    .gl-list .gl-item {
        width: 100%;
    }

    .gl-txt {
        font-size: 28px;
    }

    .text-left .gl-txt {
        left: 20px;
    }

    .text-right .gl-txt {
        right: 20px;
    }

    .gl-brand {
        padding: 20px 12px;
    }

    .gl-brand-list {
        justify-content: flex-start
    }

    .middle-banner {
        height: calc(100vw * 0.4);
    }

    .middle-banner .middle-txt {
        font-size: 20px;
    }

    .gl-section {
        padding: 0 10px;
    }

    .ywgl-img {
        height: 200px;
    }

    .ywgl-title {
        font-size: 18px;
        margin-bottom: 10px;
    }

    .sy-contxt {
        top: unset;
        bottom: 0px;
        padding: 40px 20px;
        width: 100%;
    }

    .sy-input {
        width: 100%;
    }

    .ywll-pop {
        width: 90%;
        padding: 60px 15px;
    }

    .ywll-category {
        flex-wrap: wrap;
    }

    .cate-title {
        font-size: 18px;
        color: #262626;
    }

    .ywll-cate-col:nth-child(2) {
        width: 100%;
    }

    .ywll-cate-col:last-child {
        width: 100%;
    }

    .ywll-cate-col {
        width: 100%;
        margin-bottom: 10px;
    }

    .ywll-t {
        font-size: 32px;
    }

    .ywll-item {
        padding: 6px 9px;
    }

    .cek-ywll {
        line-height: 20px;
    }

    .ywll-title {
        position: relative;
        padding-top: 20px;
        padding-left: 30px;
    }

    .ywll-t {
        font-size: 32px;
        position: absolute;
        top: 0;
        left: 0;
    }

    .ywll .f-group-row {
        flex-wrap: wrap;
        margin-top: 0;
    }

    .ywll .form-row .ywll-col-2 {
        width: 100%;
        margin-top: 10px;
    }

    .form-row.form-ywll-tel {
        flex-wrap: nowrap;
    }

    .ywll .form-row .ywll-col-3 {
        width: 100%;
        margin-top: 10px;
    }

    .ywll .form-group.group-tel {
        width: 76%;
    }

    .ywll .form-group.group-tel .bt-input {
        flex: 1;
    }

    .ywll .form-btn.form-btn-hw {
        width: 100%;
    }

    .ywll .form-row input.form-input.yzm {
        width: 70px;
    }

    .section-grey {
        padding: 30px 0;
    }

    .section-white {
        padding: 30px 0;
    }

    .tzln-list li {
        width: 100%;
        margin-bottom: 10px;
    }

    .gzly-list {
        padding: 0 20px;
    }

    .gzly-list .guly-item {
        width: 100%;
        margin-bottom: 20px;
    }

    .glp-tabs {
        margin: 0 20px;
        padding-bottom: 10px;
    }

    .glp-tab-cons {
        padding: 0 20px;
    }

    .glp-tabs .glp-tab span {
        font-size: 18px;
    }

    .gl-brand-list.list-gap {
        flex-wrap: wrap;
    }

    .gl-brand-list .brand-item.item-gap {
        width: calc(50% - 6px);
        margin-bottom: 20px;
    }

    .gl-brand-list .brand-item.brand-item-spno {
        display: none !important
    }

    .our-team {
        flex-direction: column-reverse;
        flex-wrap: wrap;
        padding: 0 20px;
    }

    .our-team .team-txt {
        flex: auto;
        padding: 30px 0 0;
    }

    .our-team .team-img {
        width: 100%;
    }

    .team-t {
        font-size: 18px;
        color: #373839;
        font-weight: bold;
        margin-bottom: 20px;
    }

    .text-section-con {
        padding: 30px 20px 50px;
        width: 100%;
    }

    .text-section-con .index-title {
        text-align: center;
    }

    .on-bg-txt .index-title {
        font-size: 20px;
        line-height: 30px;
        padding-left: 20px;
    }

    .business-lists {
        flex-wrap: wrap;
    }

    .business-lists>li {
        width: 100%;
        height: 211px;
        margin-top: 1px;
    }

    .bznis-item .layer .bznis-txt {
        bottom: 30px;
    }

    .contact-us {
        height: calc(100vh - 250px) !important;
    }

    .onMap {
        position: static;
        top: inherit;
        bottom: inherit;
        right: 0;
        transform: inherit;
        width: 100%;
    }

    .onMap .green-box .green-list {
        width: 100%;
    }

    .onMap .green-list .green-item.green-deep,
    .onMap .green-list .green-item.green-light {
        margin-bottom: 0;
    }

    .index-section.contact-section {
        margin-top: 270px;
    }

    .map-input-group {
        top: 5px;
        left: 50%;
        transform: translateX(-50%);
    }

    .map-input select {
        padding: 0 15px;
    }

    .text-container .text-con {
        width: 100%;
        padding: 0 20px;
        text-align: justify;
    }

    .text-title {
        font-size: 24px;
        padding: 0;
        text-align: center;
        line-height: 36px;
        padding: 0 20px;
    }

    .text-and-img {
        flex-wrap: wrap;
    }

    .text-and-img .textImg,
    .text-and-img div {
        width: 100%;
        padding: 20px;
    }

    .sy-input.input-b {
        width: calc(100% - 42px);
    }

    .queto-contxt {
        width: 100%;
        padding: 40px 20px;
    }

    .text-and-img div .text-con {
        text-align: justify;
    }

    .text-con {
        padding: 0 20px;
    }

    .sy-des {
        text-align: justify;
    }

    .geen-dashed {
        border-bottom: none;
        margin: 5px 0;
    }

    .video-above-text {
        position: relative;
        width: 100%;
        height: 100%;
        padding: 30px 20px;
    }

    .video-above-text .video-des {
        font-size: 16px;
        color: #373839;
        line-height: 26px;
        text-align: justify;
        font-weight: normal;
    }

    .video-above-text .video-name {
        font-weight: bold;
        font-size: 20px;
        color: #373839;
        text-align: right;
        margin-top: 5px;
        line-height: 29px;
    }

    .video-above-text .video-posi {
        font-weight: bold;
        font-size: 12px;
        color: #373839;
        text-align: right;
        margin-top: 5px;
        line-height: 18px;
    }

    .form-row.form-ywll-tel {
        justify-content: space-between;
    }

    .f-group-row.form-ywll-tel {
        margin-top: 6px;
    }

    .swiper-index .swiper-slide .swiper-content.swiper-content-center {
        bottom: unset;
        top: 50%;
        transform: translateY(-50%);
    }

    .text-title-md {
        text-align: center;
    }

    .text-and-img .textImg.queto-box {
        width: 100%;
        margin: 0 20px;
        padding: 30px;
    }

    .text-and-img div .text-con {
        padding: 0;
    }

    #under-banner.crumbs-nav {
        margin-top: 50px;
    }

    #under-banner {
        margin-top: 90px;
    }

    .text-container.text-contain-bg .text-con-c {
        text-align: justify;
    }

    .sy-search-con {
        padding: 0 15px;
    }

    .swiper-banner .swiper-button-prev:after,
    .swiper-banner .swiper-button-next:after {
        background-size: 15px 44px;
    }

    .latest-swiper .swiper-button-next:after {
        content: " " !important;
        background: url(../image/next.svg) no-repeat;
        background-size: 15px 44px;
        top: -15px;
        height: 0;
    }

    .latest-swiper .swiper-button-prev:after {
        content: " " !important;
        background: url(../image/pre.svg) no-repeat;
        background-size: 15px 44px;
        top: -15px;
        left: 7px;
        height: 0;
    }

    .latest-swiper {
        margin: 0;
        padding: 0 40px;
        padding-bottom: 40px;
    }

    .latest-swiper .swiper-button-next {
        right: -10px;
    }

    .awards-container .swiper-button-prev:after {
        content: " " !important;
        background: url(../image/pre.svg) no-repeat;
        background-size: 15px 44px;
        top: -15px;
        left: 7px;
    }

    .awards-container .swiper-button-next:after {
        content: " " !important;
        background: url(../image/next.svg) no-repeat;
        background-size: 15px 44px;
        top: -15px;
        right: -10px;
    }

    .awdSwiper .swiper-button-prev:after,
    .al-swiper .swiper-button-prev:after,
    .swiper-team .swiper-button-prev:after {
        content: " " !important;
        background: url(../image/prev-w.svg) no-repeat;
        background-size: 15px 44px;
        top: 0px;
        left: 3px;
        width: 20px;
        height: 40px;
    }

    .awdSwiper .swiper-button-next:after,
    .al-swiper .swiper-button-next:after,
    .swiper-team .swiper-button-next:after {
        content: " " !important;
        background: url(../image/next-w.svg) no-repeat;
        background-size: 15px 44px;
        top: 0px;
        right: 0px;
        width: 20px;
        height: 40px;
    }

    .awdSwiper .swiper-button-prev,
    .awdSwiper .swiper-button-next,
    .al-swiper .swiper-button-prev,
    .al-swiper .swiper-button-next,
    .swiper-team .swiper-button-prev,
    .swiper-team .swiper-button-next {
        bottom: 0;
        top: auto;
        z-index: 11;
    }

    .al-swiper .swiper-button-prev,
    .al-swiper .swiper-button-next {
        bottom: 7px;
    }

    .al-swiper .swiper-button-next,
    .al-swiper .swiper-button-prev {
        width: auto;
        height: auto;
    }

    .mtext-justify {
        text-align: justify !important;
    }
}

.sp-sep {
    display: none;
}

@media only screen and (max-width:500px) {
    .sec4-con p {
        font-size: 13px;
    }

    .esg3-item {
        margin-right: 0px;
        width: 100%;
        margin-bottom: 20px;
    }

    .esg-sect1 .detail-download,
    .esg1-r {
        width: 100%;
        margin-left: 0;
    }

    .esg-sect2-t {
        font-size: 28px;
        color: #FFFFFF;
        line-height: 42px;
        font-weight: bold;
        text-align: left;
    }

    .esg-sect2-con {
        padding: 32px 15px;
    }

    .esg-sect2-t {
        margin-bottom: 35px;
    }

    .index-section.esg2 {
        margin-top: 0;
    }

    .ip-sect3 .sect5-item {
        margin: 0;
        width: 50%;
        margin-bottom: 30px;
    }

    .sort-d.sort-dl {
        margin-top: 0px;
    }

    .al-swiper .sy-search-con {
        height: 710px;
    }

    .al-swiper.dc-swiper .sy-search-con {
        height: 600px;
    }

    .business-plan {
        width: 90%;
        min-width: 90%;
    }

    .plan-form {
        width: 100%;
    }

    .plan-form .col-2,
    .plan-form .col-3 {
        width: 100%;
        margin-bottom: 10px;
    }

    .plan-form .form-row>div:last-child {
        margin-bottom: 0px;
    }

    .plan-form .form-btn.form-btn-hw {
        width: 100%;
    }

    .plan-form .f-group-row {
        flex-wrap: wrap;
    }

    #contactSwiper {
        flex-direction: column;
        transform: inherit !important;
    }

    #contactSwiper .swiper-slide {
        margin-bottom: 20px;
    }

    #contactSwiper+.swiper-pagination {
        display: none;
    }

    .news-list>li {
        width: 100%;
    }

    .history-item .news-poster {
        width: 101px;
        height: 75px;
        margin-top: 5px;
        z-index: 100;
    }

    .news-content {
        padding-left: 115px;
    }

    .news-detail .detail-footer .df-title {
        font-size: 18px;
    }

    .news-detail .detail-footer .df-con {
        font-size: 16px;
    }

    .news-content .news-title {
        font-size: 18px;
        /*display: -webkit-box;
			-webkit-box-orient: vertical;
			-webkit-line-clamp: 1;
			text-overflow: ellipsis;
			overflow: hidden;*/
    }

    .news-content .news-con {
        -webkit-line-clamp: 1;
        margin-top: 4px;
        margin-bottom: 4px;
    }

    .news-content .news-time {
        position: unset;
        margin-bottom: 10px;
    }

    .news-poster .no-img-d {
        font-size: 36px;
    }

    .news-poster .no-img-ym {
        font-size: 10px;
        top: 6px;
        left: 7px;
    }

    .news-source {
        font-size: 12px;
    }

    .sp-sep {
        display: inline-block;
        margin-left: 10px;
        margin-right: 10px;
        font-size: 10px;
        color: #D8D8D8;
    }

    .news-list.news-list4>li {
        width: 100%;
    }

    .media-main {
        width: 100%;
        height: calc(100vw * 0.645);
    }

    .media-main-con {
        bottom: 0;
    }

    .media-news li:nth-child(1) {
        border-bottom: none;
    }

    .media-news li:nth-child(2) {
        padding-top: 0;
    }

    .media-main-con {
        bottom: -28%;
    }

    .media-main-con .media-title,
    .media-main-con .media-con {
        /*width: 90%;*/
    }

    .media-news {
        padding: 0 20px;
        margin-top: 20px;
    }

    .media-news .media-title>a {
        color: #000;
    }

    .look-section .media-news {
        width: 100%;
        flex: auto;
        margin: 0;
        padding: 0;
        margin-bottom: 30px;
        /*padding-bottom: 30px;*/
        border-bottom: 1px solid #F3F3F3;
    }

    .look-section .media-news:last-child {
        border-bottom: none;
    }

    .director-item {
        width: 235px;
        max-width: 235px;
        margin-right: 0px;
        margin: 0 auto !important;
        /*margin-bottom: 50px!important;*/
    }

    .director-name {
        padding-top: 10px;
    }

    .director-img {
        width: 235px;
        height: 235px;
    }

    .diector-n {
        font-size: 18px;
    }

    .diector-career {
        font-size: 16px;
    }

    .index-title-sec {
        width: 86%;
    }

    .director-more-bg {
        flex-wrap: wrap;
        overflow-y: scroll;
    }

    .director-more-info {
        width: 90%;
        min-width: 335px;
        flex-wrap: wrap;
        /*top: 60%;*/
        margin: 10% auto 0;
    }

    .brand-more-info {
        width: 90%;
        min-width: 335px;
        flex-wrap: wrap;
        top: 50%;
        margin: 50px auto;
    }

    .d-item-con {
        margin-bottom: 30px;
    }

    .director-name.director-n-pop {
        text-align: left;
    }

    .ywgl-list .ywgl-item {
        width: 100%;
    }
}

@media only screen and (min-width: 769px) and (max-width: 1140px) {
    .wrap {
        width: 96%;
        min-width: 1000px;
    }

    .director-item {
        margin-right: 40px;
    }

    .green-list .green-item .green-con {
        width: 100%;
    }

    .esg3-item {
        width: 30.3%;
        margin-right: 3%;
    }

    .esg3-item:last-child {
        margin-right: 0;
    }

    .esgl-tt .esgl-tpc {
        padding: 0 20px;
    }

    .sec4-des {
        padding: 0 20px;
    }

    .iw-sect3 .sec3-img {
        width: 460px;
    }

    .sect5-li {
        padding: 0 60px;
    }

    .search-form .f-group-row .f-name {
        width: 160px;
    }

    .search-form .f-group-row .f-yzm {
        width: 150px;
    }
}

@media only screen and (min-width: 500px) and (max-width: 768px) {

    .recomd-swiper li,
    .vr-swiper li {
        width: 48%;
    }

    .service-con:nth-child(4n) {
        margin-right: 40px;
    }

    .iw-sect3 .sec3-img {
        width: 400px;
    }
}

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

@media only screen and (max-width:350px) {
    .search-line {
        display: block;
    }
}

@media only screen and (min-width:1024px) {
    .esg1-l {
        width: auto;
        max-width: inherit;
    }
}

@media only screen and (min-width:768px) {
    .search-result-swiper li {
        height: 200px;
    }

    .search-result-swiper li>a {
        display: block;
        width: 100%;
        height: 100%;
    }

    .search-result-swiper .swiper-con {
        height: 100%;
    }

    .esg3-item {
        width: 30.3%;
        margin-right: 3%;
    }
}

@media only screen and (min-width: 769px) and (max-width: 1200px) {
    .dc-con {
        /*padding: 0 70px;*/
    }

    .al-swiper .sy-search-con {
        padding: 20px 0;
    }

    .al-swiper.dc-swiper .sy-search-con {
        /*height: 450px;*/
    }

    .jjm {
        overflow: auto;
    }

    .search-map {
        width: 43%;
    }
}

@media only screen and (min-width: 769px) and (max-width: 1100px) {
    .mc-cons {
        width: 56%;
    }

    .sec4-des {
        padding: 0 10px;
    }

    .search-form .f-group-row .f-emil {
        width: 160px;
    }

    .search-form .f-group-row .f-name {
        width: 140px;
    }

    .search-form .f-group-row .f-yzm {
        width: 150px;
    }
}

@media only screen and (min-width: 1100px) and (max-width: 1366px) {
    .menu-level1 {
        padding: 35px 30px;
        width: 90%;
    }

    .menu-level2-2>li>a,
    .menu-level2>li>a {
        font-size: 15px;
    }
}

@media only screen and (min-width:1366px) {
    .map-input-group {
        left: 15%;
    }
}


/*IE11的样式*/

input::-ms-clear {
    display: none;
}

input::-ms-reveal {
    display: none;
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    .park-banner {
        overflow: hidden;
    }

    .awards-container .swiper-button-next {
        right: 30px;
    }

    .latest-swiper .swiper-button-next {
        right: 30px;
    }

    .latest-swiper .swiper-button-next:after {
        top: -180px;
        padding-top: 160px;
        width: 66px;
    }

    .latest-swiper .swiper-button-prev {
        left: 3px;
    }

    .latest-swiper .swiper-button-prev:after {
        top: -180px;
        left: -3px;
        padding-top: 160px;
        width: 66px;
    }

    .awards-container .swiper-button-prev:after,
    .awards-container .swiper-button-next:after {
        padding-top: 25px
    }

    .logo-swiper .swiper-button-next:after,
    .logo-swiper .swiper-button-prev:after {
        width: 24px;
        top: 0;
    }

    .hhLast-swiper .swiper-button-prev:after,
    .hhLast-swiper .swiper-button-next:after {
        top: -240px;
    }

    .swiper-content p {
        height: 60px;
        overflow: hidden;
    }

    .news-list4 .news-txt {
        height: 40px;
        overflow: hidden;
    }

    .news-content .news-con {
        height: 44px;
        overflow: hidden;
    }

    .news-txt {
        height: 44px;
        overflow: hidden;
    }

    .ywll .form-row input.form-input {
        line-height: 17px;
    }

    .mappop-txt .m-pop-des {
        height: 60px;
    }

    .img-swiper .swiper-button-next {
        top: 30%;
        right: 0;
    }

    .img-swiper .swiper-button-prev {
        top: 30%;
        left: 0;
    }

    .sech-result-item .res-con p {
        height: 48px;
        overflow: hidden;
    }

    .latest-item .latest-sub-t {
        height: 63px;
        overflow: hidden;
    }

    .btn.news-s-btn {
        margin-bottom: 3px;
    }
}

.contact-section.fjjt {
    padding: 0 70px;
    position: relative;
}

.contact-section.fjjt .swiper-recomd {
    overflow: hidden;
    position: static;
}

.contact-section.fjjt .swiper-recomd .swiper-button-prev:after {
    content: url(../image/pre.svg);
    background: none;
    width: 70px;
    height: 343px;
    display: block;
    position: absolute;
    top: -170px;
    left: 6px;
    padding-top: 150px;
}

.contact-section.fjjt .swiper-recomd .swiper-button-next:after {
    content: url(../image/next.svg);
    background: none;
    width: 70px;
    height: 343px;
    display: block;
    position: absolute;
    left: -6px;
    top: -170px;
    padding-top: 150px;
}

.address-slpprop {
    position: absolute;
    right: 145px;
    bottom: 170px;
}

@media only screen and (max-width: 768px) {
    .contact-section.fjjt {
        padding: 0 20px;
    }

    /*#contactSwiper .swiper-slide{height:auto}*/
    .index-section.contact-section.fjjt {
        margin-top: 0
    }

    .contact-section.fjjt .swiper-recomd .swiper-button-next:after {
        left: 10px;
    }

    .contact-section.fjjt .swiper-recomd .swiper-button-prev:after {
        left: -10px;
    }

    .queto-con:before {
        left: -40px;
        top: -15px
    }

    .card-on-img .queto-box.join {
        padding-left: 60px
    }

    .inner-box {
        width: 100%
    }
}

@media only screen and (max-width: 1024px) and (min-width: 769px) {
    .video-above-text .video-des {
        font-size: 20px
    }

    .video-above-text .video-name {
        font-size: 28px
    }

    .video-above-text .video-posi {
        font-size: 16px
    }

    .video-above-text {
        padding: 60px 50px;
    }

    .joinus-s-con {
        padding: 40px
    }

    .card-on-img .queto-box .queto-con {
        font-size: 16px;
    }

    .queto-con:before {
        left: -55px;
        top: -15px
    }

    .queto-con:after {
        right: -40px;
    }

    .join .queto-con:before,
    .join .queto-con:after {
        background-size: 33px;
    }

    .queto-name-b {
        font-size: 28px;
    }

    .queto-name {
        font-size: 14px;
    }

    .card-on-img .queto-box .queto-name-b {
        font-size: 28px
    }

    .card-on-img .queto-box .queto-name {
        font-size: 16px;
    }

    .queto-con {
        font-size: 16px;
        margin-top: 20px
    }

    .wy-sect .text-title-md {
        margin-bottom: 30px
    }

    .text-container .text-con {
        font-size: 15px;
    }

    .text-title {
        font-size: 30px
    }

    .index-title {
        font-size: 30px
    }

    .esg4-s.esg4-sm {
        padding: 50px 30px
    }

    .dc-con {
        padding: 20px 70px
    }

    .aboutglp-l {
        margin-right: 0;
    }

    .glp-normal {
        font-size: 15px;
    }
}

.img-swiper .img-container {
    padding-left: 40px;
}

.ck .sect1-item {
    height: auto;
    padding: 20px 25px;
    min-height: 341px;
    display: block
}

.ck .se1-txt {
    margin: 15px 0 30px
}

.ck .ph {
    height: 100px;
}

.ck .ph img {
    height: 85px;
    width: auto
}

.ck .sel-td {
    font-weight: bold;
    color: #222;
    font-size: 16px;
    margin-top: 10px;
    margin-bottom: 8px
}

.ck p {
    width: 100%
}

.ck .ck-list {
    width: 100%
}

.ck .ck-list span {
    font-size: 14px;
    display: inline-block;
    line-height: 28px;
    margin-right: 15px;
    letter-spacing: 0.5px;
}

.ck .ck-list span:before {
    display: inline-block;
    content: "";
    background: #029439;
    width: 12px;
    height: 12px;
    margin-right: 6px;
    position: relative;
}

.ck .bk {
    width: 100%;
    text-align: left;
    margin-top: 30px;
}

.ck .sect1-item:after {
    content: "";
    display: table;
    clear: both
}

.db-txt {
    border-top: 1px solid #255d43;
    border-bottom: 1px solid #255d43;
    line-height: 28px;
    text-align: center;
    color: #255d43;
    font-weight: bold;
    width: 600px;
    margin: 0 auto 30px
}

.wrap.h-rel {
    position: relative;
    height: 506px;
}

.wrap.h-rel .bm {
    min-height: 424px;
    position: absolute;
    top: 50%;
    margin-top: -212px;
}

.wrap.h-rel .yh {
    min-height: 482px;
    position: absolute;
    top: 50%;
    margin-top: -241px;
}

.wrap.h-rel .zmyh {
    min-height: 486px;
    position: absolute;
    top: 50%;
    margin-top: -243px;
}

.wrap.h-rel .cbd {
    min-height: 282px;
    position: absolute;
    top: 50%;
    margin-top: -141px;
}

.wrap.h-rel .plsds {
    min-height: 334px;
    position: absolute;
    top: 50%;
    margin-top: -167px;
}

@media only screen and (max-width:768px) {
    .ck .sect1-item:nth-child(2n+1) {
        clear: both
    }

    .sp-search-click {
        width: 60%;
        display: inline-block;
        text-align: right;
        padding-right: 10px;
        position: absolute;
        height: 48px;
        line-height: 48px;
        right: 0;
        cursor: pointer;
    }

    .sp-search-click img {
        width: 20px;
        display: inline;
    }

    .history-item .news-poster img {
        height: 75px;
    }

    .db-txt {
        width: 100%;
    }
}

@media only screen and (max-width:640px) {
    .ck .sect1-item {
        width: 100%;
        float: none
    }

    .ck .bk {
        margin-top: 10px
    }

    .ck .se1-txt {
        margin-bottom: 0;
        margin-top: 20px
    }

    .ck .sect1-item {
        padding-bottom: 0
    }
}

.pop-body {
    height: 100%;
    overflow: hidden;
}

.pop-body-none {
    height: auto;
    overflow: auto;
}

.n-step {
    margin-top: 50px;
}

.n-step .title {
    margin: 0 auto 25px;
    text-align: center;
}

.n-step .title div {
    background: #37862d;
    color: white;
    display: inline-block;
    line-height: 42px;
    font-style: italic;
    padding-right: 15px;
    font-size: 18px;
    letter-spacing: 1px;
    text-align: center;
}

.n-step .title div span {
    background: #71b227;
    display: inline-block;
    padding: 0 10px;
    margin-right: 15px;
    font-weight: bold;
}

.n-step .cont {
    border: 1px solid #71b227;
    padding: 20px;
}

.n-step .cont p {
    margin-bottom: 20px;
}

.n-step .cont img {
    margin-bottom: 20px;
}

.n-step .talk {}

.n-step .talk .item {
    margin-bottom: 15px;
    padding: 12px 15px;
    color: white;
    border-radius: 8px;
    line-height: 28px;
    font-size: 14px;
    letter-spacing: 1px;
    position: relative
}

.n-step .talk .right {
    float: right;
    margin-left: 20%;
    background: #71b227;
}

.n-step .talk .left {
    float: left;
    margin-right: 20%;
    background: #3b7358;
}

.n-step .talk:after {
    content: "";
    display: table;
    clear: both;
}

.n-step .talk .left:before,
.n-step .talk .right:before {
    content: "";
    display: table;
    width: 15px;
    height: 15px;
    transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    position: absolute;
}

.n-step .talk .left:before {
    background: #3b7358;
    top: 17px;
    left: -4px;
    z-index: -1;
}

.n-step .talk .right:before {
    background: #71b227;
    top: 17px;
    right: -4px;
    z-index: -1;
}

p .df-title {
    color: #1C9E4D
}

.bd_kuang {
    padding: 20px 20px 15px;
    border: 1px solid rgb(19, 110, 84);
    margin-bottom: 25px;
    font-weight: bold;
}

.news-detail-con ul.dian {
    letter-spacing: 1.2px;
    margin-bottom: 0;
}

.news-detail-con ul.dian li {
    list-style: disc;
}

.news-detail-con .bg_kuang .bg_title {
    background: rgb(19, 110, 84);
    color: white;
    font-size: 17px;
    font-weight: bold;
    text-align: center;
    line-height: 42px;
    letter-spacing: 1.2px;
}

.news-detail-con .lx {
    font-weight: bold;
    padding: 20px;
    padding-left: 32px;
    background-color: rgb(245, 246, 250);
    letter-spacing: 1.2px;
}

.news-detail-con ul li {
    position: relative;
    list-style: none;
    margin-bottom: 5px;
    font-size: 14px;
}

.news-detail-con .lx li:after {
    top: 8px;
    left: -11px;
}

.news-detail-con .lx .dian {
    margin-top: 10px;
    font-weight: normal;
}

.news-detail-con ul.dian li {
    list-style: disc;
}

.news-detail-con .dian li:after {
    display: none;
}

.bd_kuang.green_title {
    text-align: center;
    color: rgb(19, 110, 84);
    letter-spacing: 1.2px;
    padding: 0;
    line-height: 42px;
}

.news-sx {
    margin-top: 0;
    line-height: 30px;
    padding: 0 65px;
}

.news-sx div {
    display: block;
    color: #333;
    font-size: 14px;
    display: block;
    width: 100%;
}

.news-sx span {
    display: inline
}

.news-sx div:hover {
    color: #333;
}

.news-sx a,
.news-sx a:hover,
.news-sx a:visited,
.news-sx a:active {
    color: #333;
}

.news-xg {
    padding: 0 65px;
}

.news-xg,
.bm {
    margin: 70px -3% 60px;
}

.news-xg .fl,
.bm .fl {
    width: 44%;
    margin: 0 3%;
    float: left
}

.news-xg .fr,
.bm .fr {
    width: 44%;
    margin: 0 3%;
    float: right
}

.news-xg .title,
.bm .title {
    color: #222;
    margin: 40px 0;
    text-align: center;
    font-size: 30px;
    font-weight: bold;
    letter-spacing: 1px;
}

.news-xg ul {}

.news-xg ul li {
    list-style: none;
    font-size: 14px;
    color: #444;
    padding: 10px 0;
    line-height: 1.5em;
    border-bottom: 1px dashed #ccc;
}

.news-xg ul li a {
    display: block;
    color: #333;
    margin-left: 22px;
}

.news-xg ul li a:before {
    width: 6px;
    height: 6px;
    margin-left: -22px;
    content: "";
    display: table;
    background: #444;
    border-radius: 20px;
    float: left;
    margin-right: 12px;
    margin-top: 8px;
}

.news-xg:after,
.clear:after {
    content: "";
    display: table;
    clear: both;
}

@media only screen and (max-width:768px) {
    .news-sx {
        padding: 0 15px
    }

    .news-sx div {
        display: block;
        color: #333;
        font-size: 14px;
        display: block;
        width: 100%;
        text-align: left
    }

    .news-sx span {
        display: inline
    }

    .news-sx div:hover {
        color: #333;
    }

    .news-sx a,
    .news-sx a:hover,
    .news-sx a:visited,
    .news-sx a:active {
        color: #333;
    }

    .news-xg {
        padding: 0
    }

    .news-xg,
    .bm {
        margin: 30px 15px;
    }

    .news-xg .fl,
    .bm .fl {
        width: 100%;
        margin: 0;
        float: none
    }

    .news-xg .fr,
    .bm .fr {
        width: 100%;
        margin: 0;
        float: none
    }

    .news-xg .title,
    .bm .title {
        color: #222;
        margin: 0 0 30px;
        text-align: center;
        font-size: 24px;
        font-weight: bold;
        font-family: 'yhb';
        letter-spacing: 1px;
    }

    .news-xg ul {}

    .news-xg ul li {
        list-style: none;
        font-size: 14px;
        color: #444;
        padding: 10px 0;
        line-height: 1.5em;
        border-bottom: 1px dashed #ccc;
        text-align: left;
    }

    .news-xg ul li a {
        display: block;
        color: #333;
        margin-left: 22px;
    }

    .news-xg ul li a:before {
        width: 6px;
        height: 6px;
        margin-left: -22px;
        content: "";
        display: table;
        background: #444;
        border-radius: 20px;
        float: left;
        margin-right: 12px;
        margin-top: 8px;
    }

    .news-xg:after {
        content: "";
        display: table;
        clear: both;
    }
}

.bznis-item .layer .layer-txt {
    padding: 0 15px;
}

.bznis-item .layer .bznis-txt {
    font-size: 18px;
}

@media only screen and (max-width:768px) {
    .sp-yw-1 {
        background: url(../image/bsp1.png) left center no-repeat;
    }

    .sp-yw-2 {
        background: url(../image/bsp2.png) left center no-repeat;
    }

    .sp-yw-3 {
        background: url(../image/bsp3.png) left center no-repeat;
    }

    .sp-yw-4 {
        background: url(../image/bsp4.png) left center no-repeat;
    }

    .sp-yw-5 {
        background: url(../image/bsp5.png) left center no-repeat;
    }

    .sp-yw-6 {
        background: url(../image/bsp6.png) left center no-repeat;
    }

    .sp-yw-7 {
        background: url(../image/bsp7.png) left center no-repeat;
    }

    .sp-yw-8 {
        background: url(../image/bsp8.png) left center no-repeat;
    }

    .sp-yw-9 {
        background: url(../image/bsp9.png) left center no-repeat;
    }

    .sp-yw-10 {
        background: url(../image/bsp10.png) left center no-repeat;
    }

    .sp-yw-11 {
        background: url(../image/bsp11.png) left center no-repeat;
    }

    .sp-yw-12 {
        background: url(../image/bsp12.png) left center no-repeat;
    }

    .sp-yw-13 {
        background: url(../image/bsp13.png) left center no-repeat;
    }

    .sp-yw-14 {
        background: url(../image/bsp14.png) left center no-repeat;
    }

    .sp-yw-15 {
        background: url(../image/bsp15.png) left center no-repeat;
    }

    /*.sp-yw{background-size: auto 211px;}*/
}

.scroll_box::-webkit-scrollbar {
    /*滚动条整体样式*/
    width: 0;
    /*高宽分别对应横竖滚动条的尺寸*/
    height: 0;
}

.swiper-banner .ikv7 {
    background-image: url(../image/kv-0621-1.jpg);
    background-position: center;
    background-size: cover;
}

@media only screen and (max-width: 768px) {
    .swiper-banner .ikv7 {
        background-image: url(../image/sp-kv-0621-1.jpg);
        background-position: center;
        background-size: cover;
    }
}

.menu-select .lang {
    margin-right: 12px;
}

@media only screen and (min-width: 1140px) {
    header .wrap {
        min-width: 1120px;
    }
}

@media only screen and (max-width: 320px) {
    .swiper-title {
        font-size: 18px
    }

    .service-con:nth-child(4n) {
        margin-right: 40px;
    }

    .service-con:nth-child(3n) {
        margin-right: 0;
    }
}

.h-loading {
    animation: fade-in;
    /*动画名称*/
    animation-duration: 1.2s;
    /*动画持续时间*/
    -webkit-animation: fade-in 1.2s;
    /*针对webkit内核*/
}

@keyframes fade-in {
    0% {
        opacity: 0;
    }

    /*初始状态 透明度为0*/
    /* 40% {opacity: 0.4;}*/
    /*过渡状态 透明度为0*/
    100% {
        opacity: 1;
    }

    /*结束状态 透明度为1*/
}

@-webkit-keyframes fade-in {

    /*针对webkit内核*/
    0% {
        opacity: 0;
    }

    /*40% {opacity: 0.4;}*/
    100% {
        opacity: 1;
    }
}

@media only screen and (max-width: 768px) {
    .news-detail .detail-title {
        display: inline;
        width: inherit;
    }

    .news-detail .news-detail-title-0324 {
        margin: 0 5%;
        text-align: center
    }
}


/*后台更新 head s*/

.menu_child>a {
    font-size: 17px;
}

.menu_child {
    padding: 0 12px
}

.menu-media>a {
    opacity: 1;
}

.menu-level1.menu-level1-th3 {
    width: 650px;
}

header .menucol {
    color: white !important;
}

header .menucol:hover {
    color: #00953A !important;
}

.menu-level3.menu-jj {
    padding-top: 20px;
    height: 525px;
    overflow-y: scroll;
}

.menu-child.menu-yq {
    margin: 0 15px;
    float: left;
}

.menu-child.menu-yq .green-input {
    width: 122px;
    margin-top: 12px;
}

.menu-white1 .menu-child.menu-yq {
    padding: 28px 0 25px;
    margin: 0 15px
}

.menu-white1 .menu-child.menu-yq .green-input {}

.menu-black .menu-child.menu-yq {
    padding: 2px 0;
    height: inherit
}

.menu-black1 .menu-child.menu-yq .green-input,
.menu-black .menu-child.menu-yq .green-input {
    border: 1px solid #ddd
}

.menu-black1 .menu-child.menu-yq .green-input .form-input {
    padding-top: 0;
    padding-bottom: 0;
    height: 38px;
}

.share-child a {
    position: relative;
}

.share .share-child img {
    width: 45px;
}


/*.share-child a:after {
	width: 43px;
	height: 43px;
	content: "";
	background: #00953A;
	position: absolute;
	border-radius: 100px;
	left: 1px;
	top: 1px;
	z-index: -1;
	}*/

.menu-level3.menu-jj::-webkit-scrollbar {
    /*滚动条整体样式*/
    width: 14px;
    /*高宽分别对应横竖滚动条的尺寸*/
}


/*.menu-level3.menu-jj::-webkit-scrollbar-thumb {
	border-radius:0;
	-webkit-box-shadow: inset005pxrgba(0,0,0,0.2);
	background:rgba(0,0,0,0.2);
	}*/


/*滚动条里面小方块*/

.share-child {
    width: 200px;
    padding: 6px 20px;
    left: 10px;
    background: white;
}

.menu-white1 .menu-child.menu-yq .green-input .form-input,
.menu-black .menu-child.menu-yq .green-input .form-input {
    width: 120px;
    height: 38px;
}

.menu_child.jj-rel {
    position: relative;
}

.menu_child.jj-rel .menu-level1.menu-level1-th3 {
    margin-left: 72px;
}

@media only screen and (min-width: 769px) {
    #grs-w {
        float: right;
    }

    #grs-b {
        float: right;
    }

    .grs {
        padding: 40px 0 0;
        margin: 0 10px;
    }

    .grs a {
        color: white;
        display: block;
        background: rgba(0, 0, 0, 0.6);
        padding: 0 20px;
        line-height: 38px;
        height: 38px;
    }

    .menu-white .grs {
        padding: 40px 0 0;
    }

    .menu-white .grs a {
        line-height: 38px;
        height: 38px;
    }

    .menu-black .grs {
        padding: 15px 0 0;
    }

    .menu-black .grs a {
        background: white;
        border: 1px solid #ddd;
        color: #666;
        font-size: 14px;
    }
}

@media only screen and (min-width: 769px) and (max-width: 1140px) {

    .menu-black1 .wrap,
    .menu-white1 .wrap {
        min-width: 1280px;
    }

    header .wrap {
        width: 100%;
        min-width: 1280px;
        max-width: inherit
    }
}

@media only screen and (min-width: 1140px) {
    header .wrap {
        min-width: 1300px;
        max-width: inherit
    }
}

@media only screen and (max-width: 768px) {
    .mobile-level2-sub.menu-jj {
        margin-bottom: 20px;
        padding-top: 20px;
        height: 240px;
        overflow-y: scroll;
        width: calc(100% - 25px);
        -webkit-overflow-scrolling: auto;
    }

    .mobile-level2-sub.menu-jj::-webkit-scrollbar {
        /*滚动条整体样式*/
        width: 14px;
        /*高宽分别对应横竖滚动条的尺寸*/
        display: block;
        -webkit-appearance: inherit;
    }

    .mobile-level2-sub.menu-jj::-webkit-scrollbar {
        /* 悬停时滚动条才显示 */
        display: block;
    }

    .menu-white .grs,
    .menu-black .grs {
        display: none
    }
}

.menu-white1 .menu-child.menu-yq .green-input .form-input {
    background: rgba(255, 255, 255, 0.9);
}

.menu-white1 .menu-child.menu-yq .green-input .form-input::-webkit-input-placeholder {
    color: #444;
}

.nav-main {
    margin-left: 0
}

.menu-nav .menu-bar {
    margin-left: 0
}

@media only screen and (min-width: 1140px) {
    header .wrap {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
}

header .gcp-logo {
    display: none
}


/*后台更新 head e*/

.zx_link {
    font-size: 14px;
    color: #666;
    padding: 12px 50px 12px 50px;
    text-align: center;
    margin: 0 auto 20px;
    width: 100%;
    position: relative;
    /*display: flex;
    justify-content: space-between;*/
    cursor: pointer;
}

.zx_link .ico {
    top: 20px;
    width: 13px;
    height: 7px;
    display: block;
    background: url(../image/zx-up.svg) no-repeat;
    background-size: 13px 7px;
    margin-top: 7px;
    position: absolute;
    right: 0
}

.zx_link .up {
    background: url(../image/down-arrow.svg) no-repeat;
    background-size: 14px 14px;
}

.zx_link .down {
    background: url(../image/down-arrow.svg) no-repeat;
    background-size: 14px 14px;
}

.zx_link1 {
    font-size: 14px;
    color: #666;
    text-align: center;
    margin: 0 auto 25px;
    width: 100%;
    height: 20px;
    position: relative;
    /* display: flex; */
    /* justify-content: space-between;*/
    cursor: pointer;
}

.zx_link1 .ico {
    top: 20px;
    width: 14px;
    height: 14px;
    display: block;
    background: url(../image/down-arrow.svg) no-repeat;
    background-size: 14px 14px;
    margin-top: 7px;
    margin-left: auto;
    margin-right: auto;
    /* position: absolute; */
    right: 0;
    position: static;
}

.zx_link1 .up1 {
    background: url(../image/down-arrow.svg) no-repeat;
    background-size: 14px 14px;
    transform: rotate(180deg);
}

.zx_link1 .down1 {
    background: url(../image/down-arrow.svg) no-repeat;
    background-size: 14px 14px;
}

#hy_information .detail-title {
    color: #444;
    display: block
}

#hy_information,
#hy_information .detail-title,
.news-detail #hy_information .detail-time,
#hy_information a {
    color: #FEFFFE !important;
}

#hy_information1,
#hy_information1 .detail-title,
.news-detail #hy_information1 .detail-time1,
#hy_information1 a {
    color: #FEFFFE;
}

.news-detail #hy_information1 .detail-hr1 {
    border-color: #FEFFFE !important;
}

.news-detail #hy_information1 .detail-hr1 {
    display: block;
    width: 100%;
    height: 8px;
    background: #fff;
    border-top: 4px solid #F3F3F3;
    border-bottom: 1px solid #F3F3F3;
    margin-top: 15px;
    margin-bottom: 10px;
}

.news-detail #hy_information1 .detail-time1 {
    font-size: 12px;
    /*color: #333333;*/
    margin-bottom: 40px;
}

.news-detail #hy_information1 .detail-hr {
    border-color: #FEFFFE !important;
}

@media only screen and (max-width: 768px) {
    #hy_information {
        padding: 0 20px;
    }

    #hy_information .detail-hr {
        width: 100%
    }

    #hy_information .detail-time {
        width: 100%;
        margin-bottom: 40px
    }

    #hy_information1 {
        padding: 0 20px;
    }

    #hy_information1 .detail-hr {
        width: 100%
    }

    #hy_information1 .detail-time {
        width: 100%;
        margin-bottom: 40px
    }

    .zx_link1 .ico {
        right: 20px;
        margin-bottom: 20px;
    }

    .zx_link1 {
        margin-top: -30px;
    }
}


/**行业资讯去间距**/

.zx_link1 {
    margin-top: -80px !important;
}

.zx_link1 .ico {
    margin-top: 40px !important;
}

#hy_information1,
#hy_information1 div,
#hy_information1 p,
#hy_information1 span {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.3em !important;
    font-size: 10px !important;
}

#hy_information1 p.detail-title {
    font-size: 1.3em !important;
}

#hy_information1 .detail-time1 {
    padding-bottom: 5px !important;
}

#hy_information1 .detail-hr1 {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
}

#hy_information1 br {
    display: none
}

#hy_information1 {
    margin-bottom: -60px !important;
}

@media only screen and (max-width: 768px) {
    #hy_information1 {
        margin: 0 20px -20px !important
    }
}

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

    .green-list .green-item.green-item-l,
    .green-list .green-item.green-item-r,
    .green-list .deepl.green-item.green-item-l,
    .green-list .lightr.green-item.green-item-r {
        width: 50%;
    }
}

.zx_link1 .ico {
    opacity: 1;
}

.zx_link1 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.news-detail {
    position: relative;
}

#hy_information1,
#hy_information {
    margin-top: -50px !important;
}

.zx_link1 {
    position: absolute;
    bottom: 30px;
    right: 0;
    width: 14px;
}

@media only screen and (max-width: 768px) {
    .zx_link1 {
        right: 20px;
    }
}

.green-light .green-bx-t:after,
.green-light .green-bx-subt:after {
    display: table;
    content: "";
    margin: -5px auto 8px;
    width: 125px;
    height: 2px;
    background: white
}

.onMap .green-light .green-bx-t:after {
    width: 110px
}

.green-light.green-item-r .green-bx-t:after {
    display: none
}


@media only screen and (max-width: 768px) {
    .index-section.contact-section.fjjt {
        padding: 0;
    }

    .contact-section.fjjt .swiper-recomd {
        position: relative;
        padding: 0 40px 40px;
    }
}

@media only screen and (min-width: 769px) {
    .search-form .f-group-row .bt-input {
        width: calc((100% - 15px) / 2);
    }

    .search-form .form-group.f-tel {
        margin-right: 15px
    }

    .search-form .form-group.f-tel .bt-input {
        width: 100%;
    }
}

@media only screen and (min-width: 769px) {
    #under-banner .latest-swiper {
        padding-left: 50px;
        padding-right: 50px
    }

    #under-banner .latest-swiper .swiper-button-prev:after,
    #under-banner .latest-swiper .swiper-button-next:after {
        width: 44px
    }
}

@media only screen and (max-width: 768px) {
    #under-banner .latest-swiper {
        padding: 0 30px;
    }
}